2016-06-13 64 views
0

我正在使用'react-native-tabs'中的標籤從一個屏幕導航到另一個屏幕,我怎樣才能發送道具到標籤的單個組件?發送來自'react-native-tabs'的標籤的道具

我使用下面的代碼顯示標籤,

import Tabs from 'react-native-tabs'; 
    <Tabs 
     selected={page} 
     style={styles.tabbar} 
     selectedStyle={{color:'black'}} 
     onSelect={el=>this.setState({page:el.props.name})} 
     > 
     <Text style={styles.tabbarText} name={Contact}>Contact</Text> 
     <Text style={styles.tabbarText} name={Messages}>Messages</Text> 
     <Text style={styles.tabbarText} name={Profile}>Profile</Text> 
    </Tabs> 

回答

0

我想通了,那麼你可以說道具在

<this.state.page style={styles.pageContainer} navigator={this.props.navigator}/> 

行代碼。

整個渲染()函數在這裏,

render() { 
    const { page } = this.state;  
    return (
     <View style={styles.container}> 
     <this.state.page style={styles.pageContainer} navigator={this.props.navigator}/> 
     <Tabs 
      selected={page} 
      style={styles.tabbar} 
      selectedStyle={{color:'black'}} 
      onSelect={el=>this.setState({page:el.props.name})} 
     > 
      <Text style={styles.tabbarText} name={Contact}>Contact</Text> 
      <Text style={styles.tabbarText} name={Messages}>Messages</Text> 
      <Text style={styles.tabbarText} name={Profile}>Profile</Text> 
     </Tabs> 

     </View> 
    ); 
    }