Question

我需要在关闭菜单时以编程方式删除react-native-vector-icon。

对于与菜单文本相同的效果，我这样做了：

color: menuTextColor(props.isOpen)

然后是样式：

let Menu = (props) => (
  <View style={{ flex: 1 }}>
    <OffCanvas3D
      active={props.isOpen}
      onMenuPress={props.togglePageMenu}
      backgroundColor={'#222222'}
      menuTextStyles={{ color: menuTextColor(props.isOpen), backgroundColor: 'transparent'}}
      handleBackPress={true}
      menuItems={[
        {
          title: 'Search Products',
          icon: <Icon name="bell" size={35} color={menuTextColor(props.isOpen)} style={{backgroundColor: 'transparent'}}  />,
          renderScene: <SearchPage />
        },
        {
          title: 'Add Products',
          icon: <Icon name="bell" size={35} color={menuTextColor(props.isOpen)} style={{backgroundColor: 'transparent'}}  />,
          renderScene: <AddPage />
        }
      ]} />
  </View>
)

我需要使用react-native-vector-icon做类似的事情。做同样的事似乎不起作用。我该怎么做？

带图标的代码：

tel:

Answer 1

来自react-native-vector-icon的

图标允许直接设置道具color，以便这样做。

＆lt;图标名称=＆＃34;图标名称＆＃34; color = {menuTextColor（props.isOpen）} /＆gt;

我认为您设置了color道具和color样式，这就是color样式被覆盖的原因。

以编程方式删除react-native-vector-icon

1 个答案: