Создание вкладок в действии коренным с помощью TabBarIOS

Question

Я новичок в реактиве и пытаюсь следовать this Tutorial. Очевидно, это для более старой версии реагирования. поэтому Im следит и настраивает код, когда он не работает. Я использую ReactNative 0.41.

моего index.ios.js:

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); 

и вот ошибка:

Answer 1

Как предполагалось, ошибка произошла из-за изменения синтаксиса. новая версия использует systemIcon='featured' вместо icon={{uri:'featured'}}

Answer 2

Я думаю, что вы ошибаетесь при вводе УИРА иконки. переменная 'featured' не определена.

Я вижу, что больше ошибок, например, ваша запись для selectedtab неверна.

Cheers :)