如何在React Native中设置工具栏操作图标?

mat*_*lem 9 javascript reactjs react-jsx react-native

我是React Native的新手.我想设置图标(从react-native-vector-icons)进行ToolbarAndroid操作.这是我的JSX代码:

import ToolbarAndroid from 'ToolbarAndroid';
import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
...
<ToolbarAndroid
  title='SomeTitle'
  titleColor='white'
  style={styles.toolbar}
  actions={[
    { title: 'Done', icon: 'HERE_I_DONT_KNOW_WHAT_TO_PUT', show: 'always' },
    { title: 'Setting', show: 'always' },
   ]}
/>
...
Run Code Online (Sandbox Code Playgroud)

材料设计集合中的图标名称为done.

感谢帮助.

obl*_*dor 8

通过使用React Native 0.21和react-native-vector-icons1.3.0,您现在可以iconName像这样使用:

<MaterialIcon.ToolbarAndroid
  title='SomeTitle'
  titleColor='white'
  style={styles.toolbar}
  actions={[
    { title: 'Done', iconName: 'done', show: 'always' },
    { title: 'Setting', show: 'always' },
   ]}
/>
Run Code Online (Sandbox Code Playgroud)