Question

我正在使用React Native构建Android应用程序，我正在使用react-native-vector-icons生成工具栏标题。下面是我的渲染函数的一个片段，展示了我如何使用vector-icons lib。

<Icon.ToolbarAndroid
        style={styles.toolbar}
        title="Home"
        titleColor="white"
        navIconName="md-menu"
        onIconClicked={this.toggleSideMenue.bind(this)}
        actions={[
          { title: 'AddPerson', ref : 'addPerson', iconName: 'md-person-add', show: 'always'},
          { title: 'Swap', iconName: 'md-swap', show: 'always'},
        ]}
        onActionSelected={(position) => this.onActionSelected(position)}
/>

我可以轻松地将样式应用到工具栏本身，但我的问题是，是否有办法将样式应用于操作列表中的图标？例如。更改图标颜色，旋转，大小等我尝试了以下但它似乎没有做任何事情：

{ title: 'Swap', style : {color : 'red'}, iconName: 'md-swap', show: 'always'},

Answer 1

在js文件中添加import Icon from 'react-native-vector-icons/MaterialIcons';

并更改

actions={[
      { title: 'AddPerson', ref : 'addPerson', iconName: 'person-add', show: 'always'},
      { title: 'Swap', iconName: 'swap', show: 'always'},
    ]}

并且无法更改动作图标的样式！

使用React Native矢量图标将样式应用于操作列表

1 个答案: