react-native-paper Change FAB.Group Label fontFamily

Viewed 12

Is there a way to change the fontFamily property for the label in a FAB.Group item?

The docs state to use the labelStyle property for label styling, but that hasn't worked.

 <Provider>
  <Portal>
    <FAB.Group
      open={open}
      icon={open ? 'calendar-today' : 'plus'}
      actions={[
        { icon: 'plus', onPress: () => console.log('Pressed add') },
        {
          icon: 'star',
          label: 'Star',
          labelStyle: { fontFamily: 'Ubuntu-Regular'},
          onPress: () => console.log('Pressed star'),
        },       
      ]}
      onStateChange={onStateChange}
      onPress={() => {
        if (open) {
          // do something if the speed dial is open
        }
      }}
    />
  </Portal>
</Provider>
0 Answers
Related