如何在 React Native 中设置工具栏动作图标？

Question

我是 React Native 的新手。我想为 ToolbarAndroid 操作设置图标（来自 react-native-vector-icons）。这是我的 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' },
   ]}
/>
...

来自 material 设计集合的图标名称是 done。

感谢您的帮助。

Answer 1

通过使用 React Native 0.21 和 react-native-vector-icons 1.3.0，您现在可以像这样使用 iconName：

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

如何在 React Native 中设置工具栏动作图标？

How to set toolbar action icon in React Native?

javascript

reactjs

react-jsx

react-native