React Native导航操作

Question

我有关于从其他脚本（屏幕）导航的问题...我在App.js中实现了导航（使用createStackNavigator和屏幕）。当我想要导航时，一切正常（使用OnPress{() => navigate("someScreen")}到此脚本中定义的屏幕（App.js））。

但是，当我想从其他脚本（在App.js之外）使用该导航时，让我们说在“NewPage.js”中有自己的“export default class NewPage ...”并在里面我有按钮元素，任务是导航“onPress “在App.js stackNavigator中定义的屏幕...

我知道我不能再使用navigate("pageName")，因为导航没有在这个脚本中实现，我尝试使用import { NavigationActions } from 'react-native'和按钮元素内部我尝试使用代码：“this.props.navigation.navigate('somePage')”并且它不起作用。

所以我不知道如何使用导航属性从其他脚本中未实现导航，如何引用/导出/导入该属性？

这是代码App.js脚本：https://pastebin.com/tLEFdQrE和NewPage.js脚本：https://pastebin.com/aVQGiinJ

此代码很短，因此您可以轻松查看我想要的内容以及问题是什么......

先感谢您！

Answer 1

与默认导航相比，使用此功能可以更好地在屏幕之间导航，这是在屏幕之间导航的最佳选择。我们主要使用它比其他导航器

https://github.com/aksonov/react-native-router-flux

Answer 2

您应该将[使用导出组件的名称而不是js文件的名称]导入到App.js中。

例如，我将我的页面存储在一个名为“屏幕”的文件夹中，所以当我导入我的“主页”屏幕时，我使用了

import HomeScreen from './screens/HomeScreen.js';

进一步引用为

Home: HomeScreen,

祝好运！