反应本机 ToolbarAndroid 操作图标不起作用

Question

我正在使用 React 本机矢量图标来显示工具栏上操作的图标。但这似乎不起作用。

导入和图标

import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = (<Icon name="compass" size={30} color="#900" />)

主视图

 <View style={styles.containerToolbar}>
     <ToolbarAndroid style={styles.toolbar}
         title="Test"
         actions={toolbarActions}
         onActionSelected={this.onActionSelected}>
     </ToolbarAndroid>
 </View>

var toolbarActions = [
    {title: 'Compass', icon:{myIcon} show: 'always'}
];

Answer 1

您可以像这样设置操作图标 -

var toolbarActions = [
  {title:'Compass', iconName:'compass', iconColor:"#900", iconSize:30, show:'always'}
];

此外，您需要使用 Icon.ToolbarAndroid 而不是 ToolbarAndroid。

<Icon.ToolbarAndroid
  actions={toolbarActions}
  ....
>

此处有更多详细信息 - https://github.com/oblador/react-native-vector-icons#usage-with-toolbarandroid

反应本机 ToolbarAndroid 操作图标不起作用

React native ToolbarAndroid action icon not working

android

react-native

react-native-android