通过视图反应本机导航

Question

我有一个堆栈导航器如下：

const screens= {
LoginPage: {  
  screen: Login,
  navigationOptions: {
    headerShown: false
      },
},
RegisterPage: {
  screen: Register,
  navigationOptions: {
  headerShown: false
      },
},
DetailsPage: {
  screen: Details,
  navigationOptions: {
  headerShown: false
    },
},
ProfilePage:{
  screen: Home,
  navigationOptions:{
    headerShown: false
    },
  }
}

const HomeStack = createStackNavigator(screens);

export default createAppContainer(HomeStack);

在 App.js 我打电话给这个。所以当我启动应用程序时，我在登录页面上。每个视图都有自己的 JS 文件，因此我在此处浏览 JS 文件。一切正常，我可以通过导航到达详细信息页面，但后来我遇到了问题。这是我的详细信息页面视图的代码

class DetailsPage extends React.Component {

render() {

    return (
  <View style={{flex: 1}}>
      <TouchableOpacity style={{flex:1}}
                        **onPress={() => this.navigation.navigate('ProfilePage')}**/>                         
  </View>
);

}

我想在单击可触摸时转到个人资料页面（写在我的导航器屏幕上），但我不知道如何在 OnPress 中编写导航以到达该视图....

Answer 1

据我所知，您编写的代码没有任何问题。你试过运行了吗？ output/error是什么？

通过视图反应本机导航

React Native Navigation through views

navigator

react-native

react-navigation