反応するネイティブベクターアイコン、TabBarItem要素タイプが無効です

Question

TabBarIOSのアイコンを変更して次のコードを書きますが、要素タイプが正しくありません。

利用コードを以下

import React from 'react'; 
import { View, TabBarIOS } from 'react-native'; 
import Icon from 'react-native-vector-icons/Ionicons'; 
import CommunicationTab from './components/communication_tab'; 
import WhereaboutsTab from './components/whereabouts_tab'; 

export default class App extends React.Component { 

    constructor() { 
    super(); 
    this.state = { 
     selectedTab: 'WhereaboutsTab', 
    }; 
    } 

    render() { 
    return (
     <TabBarIOS selectedTab={this.state.selectedTab}> 
     <Icon.TabBarItem 
      title="whereabouts" 
      iconName='ios-home-outline' 
      selectedIconName='ios-home' 
      selected={this.state.selectedTab === 'WhereaboutsTab'} 
      onPress={() => { 
      this.setState({ 
       selectedTab: 'WhereaboutsTab' 
      }); 
      }} 
     > 
      <WhereaboutsTab /> 
     </Icon.TabBarItem> 
     <Icon.TabBarItem 
      title="communication" 
      iconName='ios-settings-outline' 
      selectedIconName='ios-settings' 
      selected={this.state.selectedTab === 'CommunicationTab'} 
      onPress={() => { 
      this.setState({ 
       selectedTab: 'CommunicationTab' 
      }); 
      }} 
     > 
      <CommunicationTab /> 
     </Icon.TabBarItem> 
     </TabBarIOS> 
    ); 
    } 
} 

は、問題ありません。

<Icon name="ios-home" /> 

私は作成反応ネイティブアプリで作った博覧会のプロジェクトですが、これは関連しますか？私はあなたがそこにタイプミスがあると思う

package.json

"dependencies": { 
    "expo": "^16.0.0", 
    "moment": "^2.18.1", 
    "react": "16.0.0-alpha.6", 
    "react-native": "^0.43.4", 
    "react-native-action-button": "^2.6.9", 
    "react-native-md-textinput": "^2.0.4", 
    "react-native-modal-datetime-picker": "^4.6.0", 
    "react-native-swipeout": "^2.1.1", 
    "react-native-vector-icons": "^4.1.1" 
} 

Answer 1

。

代わりにIcon.TabBarItemをIcon.TabBarItemIOSに交換してください。