TabNavigator

1.在App.js中注册TabNavigation,显示连个页面newlist和basicInfo

const MainPageNavigator = TabNavigator({
  newsList: {
      screen: newsList
      },
  BasicInfo: {
      screen: BasicInfo
    },
});

2.在StackNavigator中注册显示这个tab页面

export default App = StackNavigator({
    //每一个页面的配置
    MainPage: {
    //之前注册的Tab页面
        screen: MainPageNavigator
          },
    Chat:{
        screen: Chat
          },

});

3.分别添加button到neslist和basicInfo页面，点击跳转到注册在StackNavigator中的论文一个页面Chat

render(){
    const {params} = this.props.navigation.state;
    return (
      <View style={styles.container}>
        <Button
          onPress={() => this.props.navigation.navigate('Chat', { user: 'newsList' })}
          title="newsList Chat with"
        />
      </View>
    );
  }

4.在Chat页面通过this.props.navigation.state接收路由传递的参数

render() {
      const { params } = this.props.navigation.state;
        return(
          <View style={styles.container}>
                    <TouchableOpacity style={styles.button} activeOpacity={0.5}>
                        <Text style={{color: 'white'}}>chat with {params.user}</Text>
                    </TouchableOpacity>
                </View>
        );

    }

效果: