2016-08-04 35 views
0

我正嘗試使用react-native-vector-iconsIcon.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" 
      /> 
     ) 
    } 
} 

我對反應原生很新,所以我可能做錯了什麼?請你幫我弄明白。謝謝。

回答