如何在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' },
   ]}
/>
...

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' },
   ]}
/>