如何从React Native Paper更改FAB.Group的背景颜色

Question

如何从react-native-paper更改为FAB.Group组件的背景颜色。如果我添加背景颜色，它将更改覆盖层的颜色而不是按钮的颜色。非常感谢您的帮助。谢谢你

<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"
},

Answer 1

你几乎已经拥有它了，只需更改下面的行即可

style={styles.fab}

对于另一个

fabStyle={styles.fab}

Answer 2

背景颜色

类型：字符串 打开的快速拨号背景的自定义背景颜色。

您可以在这里找到它