首页 文章

从'react-native-tabs'发送带有标签的道具

提问于
浏览 次
0

我正在使用来自'react-native-tabs'的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>
react-native

1 回答

  • 0

    我想通了，你可以提一下道具

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

    代码行 .

    整个render（）函数在这里，

    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>
    );
  }
    回复于

相关问题