如何在 React Native 中设置工具栏操作图标
How to set toolbar action icon in React Native?
我是 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
。
感谢您的帮助。
通过使用 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' },
]}
/>
相关文章:
- 删除CKEditor工具栏按钮,但不删除功能
- Sencha触摸:工具栏无法正常滚动
- 使用网格ID隐藏剑道网格工具栏
- 如何在IE中隐藏菜单栏,工具栏
- 将此事件添加到工具栏
- ExtJS--如何居中对齐两个工具栏按钮
- 在某些URL上显示火狐插件工具栏
- 如何将自定义图标添加到 JqGrid 顶级工具栏按钮
- 文本编辑工具栏解决方案 (js),具有低级自定义
- Ext JS工具栏和痕迹导航示例在JSFiddle中不起作用
- 如何在较新版本的 Free-JQGard 中重置搜索工具栏和搜索过滤器
- 尝试绘制从鼠标位置工具栏中选择的形状 - HTML5 CANVAS
- ExtJS 4-在调整窗口大小时,溢出的工具栏会失去控制器
- 如何在ExtJS 4.2中聚焦工具栏的按钮
- 单击Firefox工具栏按钮中的坐标
- 为什么我的 init() 函数没有运行?(安装 Firefox 扩展时自动添加工具栏按钮,但仅在首次运行时)
- free-jqgrid:保存、加载和应用过滤器数据的更简单方法,包括过滤器工具栏文本和页面设置
- 如何在 React Native 中设置工具栏操作图标
- 如何将工具栏中的按钮设置为禁用
- 设置工具栏的背景色为白色,没有渐变