我正嘗試使用react-native-vector-icons的Icon.ToolbarAndroid
的反應本機ToolbarAndroid
。但我收到此錯誤:獲取導入工具欄圖標的錯誤
RNVectorIconsModule not available, did you properly integrate the module?
我已經安裝了rnpm
也做rnpm link
,其已成功完成。
而且我覺得我已經正確集成模塊,因爲此代碼的工作,我得到react-native-vector-icons/Ionicons
圖標:
import Icon from 'react-native-vector-icons/Ionicons';
const searchIcon = (<Icon name="md-search" size={30} color="#4F8EF7" />)
const menuIcon = (<Icon name="md-menu" size={30} color="#4F8EF7" />)
const notificationIcon = (<Icon name="md-notifications-outline" size={30} color="#4F8EF7" />)
export default class Header extends Component {
render() {
return(
<View>
<Text>{searchIcon}</Text>
<Text>{menuIcon}</Text>
<Text>{notificationIcon}</Text>
</View>
)
}
}
(工作),但這碼不起作用:
(不工作)
import Icon from 'react-native-vector-icons/Ionicons';
export default class Header extends Component {
render() {
return(
<Icon.ToolbarAndroid
title="Home"
titleColor="white"
navIconName="md-search"
actions={[
{ title: 'Settings', iconName: 'md-menu', iconSize: 30, show: 'always' },
{ title: 'Follow me on Twitter', iconName: 'md-notifications-outline', iconColor: "#4099FF", show: 'ifRoom' },
]}
overflowIconName="md-more"
/>
)
}
}
我對反應原生很新,所以我可能做錯了什麼?請你幫我弄明白。謝謝。