【问题标题】:How to change background color of FAB.Group from react native paper如何从反应原生纸更改 FAB.Group 的背景颜色
【发布时间】:2021-08-26 10:23:56
【问题描述】:

如何从 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"
},

【问题讨论】:

    标签: css reactjs react-native floating-action-button react-native-paper


    【解决方案1】:

    你差不多了,换下面一行

    style={styles.fab}
    

    给另一个人

    fabStyle={styles.fab}
    

    【讨论】:

      猜你喜欢
      • 2020-05-20
      • 1970-01-01
      • 1970-01-01
      • 2022-06-17
      • 1970-01-01
      • 1970-01-01
      • 2020-10-12
      • 2016-05-04
      • 1970-01-01
      相关资源
      最近更新 更多