TabBarIOSを使用してReact Nativeでタブを作成する

Question

私は反応するのが初めてであり、それに従うことを試みていますthis Tutorial。確かに、それは反応ネイティブの古いバージョンです。だから、それが動作していないときにコードをフォローして調整する。私はReactNative 0.41を使用しています。

私index.ios.js：

Answer 1

これは、構文の変更によるものと思われます。新バージョンでは、systemIcon='featured'代わりのicon={{uri:'featured'}}

Answer 2

私はあなたがアイコンのURIを入力することで間違っていると思う：ここ

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    TabBarIOS 
} from 'react-native'; 
import Featured from './Featured'; 
import Search from './Search'; 

class BookSearch extends Component { 

    constructor(props) { 
     super(props); 
     this.state = { 
      selectedTab: 'featured' 
     }; 
    } 

    render() { 
     return (
      <TabBarIOS selectedTab={this.state.selectedTab}> 
       <TabBarIOS.Item 
        selected={this.state.selectedTab === 'featured'} 
        icon={{uri:'featured'}} 
        onPress={() => { 
         this.setState({ 
          selectedTab: 'featured' 
         }); 
        }}> 
        <Featured/> 
       </TabBarIOS.Item> 
       <TabBarIOS.Item 
        selected={this.state.selectedTab === 'search'} 
        icon={{uri:'search'}} 
        onPress={() => { 
         this.setState({ 
          selectedTab: 'search' 
         }); 
        }}> 
        <Search/> 
       </TabBarIOS.Item> 
      </TabBarIOS> 
     ); 
    } 
} 

AppRegistry.registerComponent('BookSearch',() => BookSearch); 

とエラーです。変数 'featured'は定義されていません。

selectedtabの入力が間違っているなど、さらに多くのエラーがあります。

乾杯：