当前位置: 首页 > 知识库问答 >
问题:

react-导航的堆栈导航器

丁良骏
2023-03-14

我需要一些关于react原生应用程序的社区建议。我是一个全新的人,不理解其中的一些基本区别。

关于反应本地文档创建StackNavigator的示例建议如下:从“反应导航堆栈”导入{createStackNav导航仪};

我发现很多人使用下面的样式导入{堆栈导航器,Tab导航器}从“反应导航”;

为什么人们使用以上两种不同的风格?哪一个更合适,为什么?

react-navigation-stack不是react-navigation的一部分吗?是不是更偏向风格?

共有2个答案

蒋乐意
2023-03-14

我深入研究了反应导航文档,发现这是因为版本。互联网上有很多使用版本1的代码,有些人使用版本2或更高版本。

郁吉星
2023-03-14

在 react 导航的 v4 中,导航器被提取到单独的包中,您需要导入:

import { createStackNavigator } from 'react-navigation-stack';
import { createBottomTabNavigator } from 'react-navigation-tabs';

如果您使用的是旧版本的v3,则导入应该全部来自“反应导航”。

import { createAppContainer, createStackNavigator, createBottomTabNavigator } from 'react-navigation';

这里有更多关于4.0.0版本的信息

 类似资料:
  • 我的导航有问题。这是我的导航码。 我创建了三个堆栈,如AppStack、StartStack和AuthStack。这些是在createAppContainer()函数中使用的,希望访问这些 this.props.navigation.navigate('App') ... 我可以访问 this.props.navigation.navigate(开始) 和 this.props.navigatio

  • 我已经从连接到NavController的导航抽屉中导航到了DialogFragment。但当我导航到另一个目标时,我已经将弹出窗口设置为包含对话框片段,但它并没有清除堆栈。如何清除堆栈? AM从LogoutDialog调用此方法 我只使用片段和一个活动。 这是我导航图的一部分

  • 我尝试使用Android导航组件,但后堆栈有问题。 我有片段A,B。要从A导航到B,我写下: 但我如何才能返回到点击的返回按钮?

  • 我遵循Android安装React导航的所有说明。 首先,“npm安装--Save React-Navigation”,“npm安装--Save React-Native-Gesture-Handler”。“react-native link react-native-gesture-handler”,最后,更新了我的 这是我得到的错误: 错误所在:在创建目录'd:\react Native pr

  • 我正在使用android中的新导航架构组件,在移动到一个新的片段后,我被困在清除导航堆栈中。 示例:我在loginFragment中,当我导航到home片段时,我希望该片段从堆栈中清除,这样当用户按下back按钮时,他就不会返回到loginFragment。 我正在使用一个简单的navhostfragment.findnavcontroller(Fragment).navigate(r.id.ho

  • 当显示主片段时,我试图清除后堆栈中的所有片段。在导航图中,我添加了这个动作 在登录片段中。我尝试了findNavController()。导航(LoginFragmentDirections.actionLoginFragmentToHomeFragment()) 和 我从这里的文件中了解到https://developer.android.com/guide/navigation/navigat