[英]How to set toolbar action icon in React Native?
I am new in React Native. 我是React Native的新手。 I want to set icon (from react-native-vector-icons
) for ToolbarAndroid
action. 我想为ToolbarAndroid
动作设置图标(来自react-native-vector-icons
)。 Here is my JSX code: 这是我的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' },
]}
/>
...
Name of icon from material design collection is done
. done
材料设计集合中的图标名称。
Thanks for help. 感谢帮助。
By using React Native 0.21 and react-native-vector-icons
1.3.0 you can now use iconName
like this: 通过使用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' },
]}
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.