Question

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

但是，当我想从其他脚本（App.js之外）使用该导航时，请在＆＃34; NewPage.js＆＃34; 它有自己的＆＃34; export default class NewPage ...＆＃34;在里面我有按钮元素，任务是导航＆＃34; onPress＆＃34;在App.js stackNavigator ...

中定义的屏幕

我知道我不能再使用navigate("pageName")，因为导航未在此脚本中实现，我尝试使用import { NavigationActions } from 'react-native'并在按钮元素内部尝试使用代码：＆＃34; this.props.navigation.navigate('somePage')＆＃34;而且它不起作用。

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

以下是代码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,

祝你好运！

React Native导航操作

2 个答案: