![](/img/trans.png)
[英]Icon.button are working but Icon.ToolbarAndroid are not working in react native
[英]React native ToolbarAndroid action icon not working
我正在使用react native矢量圖標在工具欄上顯示操作的圖標。 但這似乎不起作用。
導入和圖標
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'}
];
您可以這樣設置操作圖標-
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
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.