React Native导航操作-Java 学习之路

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

但是，当我想从其他脚本（在App.js之外）使用该导航时，让我们说在"NewPage.js"中有自己的“ export default class NewPage ... " and inside I have button element which task is to navigate " 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

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

先感谢您！

2 回答

1

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

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

回复于 2024-05-12T03:50:43+08:00
1
您应该将[使用导出组件的名称而不是js文件的名称]导入到App.js中 .

例如，我将我的页面存储在一个名为“屏幕”的文件夹中，所以当我导入我的“主页”屏幕时，我使用了
```
import HomeScreen from './screens/HomeScreen.js';
```
进一步引用为
```
Home: HomeScreen,
```
祝好运！
回复于 2024-05-12T03:50:43+08:00

React Native导航操作

2 回答

相关问题