How to change the background color of FAB.Group from CSS-React Paper.

How do I change the background color of FAB.Group component from Reactive Native Paper? If I add a background color, it changes the color of the overlay instead of the button. Help is greatly appreciated. Thanks

  <FAB.Group
    style={styles.fab}
    open={open}
    color={"#333366"}
    icon={open ? 'plus' : 'plus'}
    actions={[
      {
        icon: 'alpha-r-circle',
        label: 'Add Custom Room',
        onPress: () => navigation.navigate("Create Room"),
      },
      {
        icon: 'television',
        label: 'Add Appliance',
        onPress: () => navigateAddAppliance(),
        small: false,
      },
    ]}
    onStateChange={onStateChange}
    // onPress={() => {
    //   if (open) {
    //     // do something if the speed dial is open
    //   }
    // }}
  />

fab: {
  position: 'absolute',
  padding: 20,
  // height: "100%",
  right: 0,
  bottom: 100,
  // color: "red"
},

Leave a Reply

Your email address will not be published.