在React-Native中导航
是指在移动应用中实现页面之间的切换和导航功能。React-Native提供了多种导航库和组件，用于实现不同类型的导航效果和交互。
一种常用的导航库是React Navigation，它是一个由React-Native社区维护的开源导航库。React Navigation提供了多种导航器（Navigator）和导航组件（Navigation Component），可以根据需求选择合适的导航方式。
React Navigation的主要导航器包括：
- Stack Navigator（堆栈导航器）：用于实现页面之间的堆栈式导航，类似于网页浏览器的后退和前进功能。适用于简单的页面切换场景。
推荐的腾讯云相关产品：腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）
- Tab Navigator（标签导航器）：用于实现底部或顶部的标签导航，可以在不同的标签之间切换页面。适用于主要功能模块较多的应用。
推荐的腾讯云相关产品：腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）
- Drawer Navigator（抽屉导航器）：用于实现侧边栏导航，用户可以通过滑动或点击按钮打开侧边栏，选择不同的页面进行导航。适用于具有多个导航选项的应用。
推荐的腾讯云相关产品：腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）
除了React Navigation，还有其他导航库如React Native Navigation、React Native Router Flux等，开发者可以根据项目需求选择合适的导航库。
总结：在React-Native中导航是通过导航库和组件实现页面之间的切换和导航功能。React Navigation是一个常用的导航库，提供了多种导航器和导航组件，可以根据需求选择合适的导航方式。腾讯云移动应用开发平台是腾讯云提供的相关产品，可以帮助开发者更便捷地进行移动应用开发。
相关·内容
1回答
反应导航与反应原生0.57不兼容吗？
android、react-native
现在我想学习导航。我遵循中的步骤...怎么啦？npm？react-native？我在某处读到react导航与react-native &l
浏览 0提问于2018-09-17得票数 0
2回答
如何使用react native在UWP中从一个页面导航到另一个页面？
react-native、uwp、visual-studio-2017
在windows文件夹中，它有一个visual studio解决方案。当我运行应用程序时，它打开了一个欢迎屏幕。现在我想在UWP中创建2个页面，并从一个页面导航到另一个页面。
浏览 3提问于2018-12-12得票数 3
2回答
在React Native App顶部打开webview
react-native
这个想法是在点击链接时在应用程序顶部打开一个网页视图，就像Gmail或Messenger所做的那样。 有没有办法在React Native中做到这一点？
浏览 8提问于2019-06-17得票数 0
回答已采纳
2回答
只有一些导航器的不变违反(反应导航)
react-native、react-navigation
我遇到了一些奇怪的行为，当我试图实现的反应导航导航。当尝试简单的“你好世界”从.import { View, Text } from 'react-native';我已经将我的react导航版本降级为v1.5.5，并且原始的StackNavigator组件可以工作，所以这可能是与v2.0.1和我的环境的兼容性问题。
浏览 0提问于2018-05-23得票数 2
1回答
如何有条件地禁用本机导航？
react-native、react-native-navigation、mobile-application
我希望根据屏幕中的某些条件禁用导航，这样用户就可以在屏幕上停留，而不能导航到其他屏幕，直到屏幕中的特定任务完成为止。有人能指导我如何有条件地实现禁用和启用导航吗？这种方式只禁用回按钮导航。我想禁用整个导航(选项卡导航等等)
const navigation
浏览 1提问于2022-07-15得票数 1
2回答
在react中，我们可以使用以下路径import { BrowserRouter as Router, Route, Switch } frompath='/' component={Home} /> </Layout> </Provider>我们可以在
浏览 2提问于2021-09-03得票数 1
3回答
navigator已弃用，即使我不使用navigator也已将其删除
react-native、navigation
我没有在代码中使用Navigator。但是我得到了这个错误。 "react": "16.0.0-alpha.12", "react-native-deprecated-custom-components
浏览 2提问于2017-06-20得票数 3
2回答
React本机-未定义的不是对象(计算'RNGestureHandlerModule.state')
react-native、react-native-ios、react-native-navigation
我使用react导航v3xx，请帮助我，因为我快疯了，谢谢。Component} from 'react';
import {Platform, StyleSheet, Text, View, Button, TouchableHighlight} from 'react-native
浏览 0提问于2018-11-20得票数 2
回答已采纳
1回答
给出未定义的响应导航
react-native、react-navigation
我试图在react本机中生成一个back按钮，并在函数组件中使用navigation.goBack()，但是如果我对导航进行了控制，那么它就给了我一个未定义的按钮import { StyleSheet, View, TouchableOpacity,
} from 'react-nativestyle={[styles.font, styles.headerTitle]}>{t
浏览 4提问于2020-10-12得票数 0
回答已采纳
1回答
无法从“导航/MainNavigator.jsx”解析X
javascript、reactjs、react-native、expo、react-native-navigation
IDE导航屏幕截图： ? 我已经检查过了，以确保我没有冲突的包版本，并且我找不到任何版本，我还运行了expo start -c来重置我的缓存。
浏览 17提问于2020-07-08得票数 0
回答已采纳
1回答
Wix导航库模块不添加到我的项目中运行npm安装-保存、反应-本机导航。
android、react-native、installation、navigation
我试图根据在我的项目中添加 Wix导航库，但是当我在终端上运行npm install --save react-native-navigation命令，然后在android中打开我的npm install--save react-native-navigation项目时，我在我的项目中看不到任何用于导航的库模块。但是react本机导航的名称将出现在package.json文件中。PleaseAnswer",
"
浏览 0提问于2019-01-07得票数 0
回答已采纳
1回答
Navigator组件是在react原生应用程序中切换屏幕的唯一方式吗？
javascript、react-native
当我开发我的第一个应用程序时，我正在学习React-Native，并且已经到了当用户点击我的ListView中的项目时，我想要切换到不同的屏幕。在我看到的几个React-Native应用程序中，它们在其主index.*.js中包含了一个导航器组件，并使用导航器在屏幕之间切换。这看起来是一种很好的做事方式。然而，为了彻底，我想知道在React-Native中是否有其他方法可以
浏览 2提问于2016-10-02得票数 0
2回答
react-native-使用上下文api导航(react 16.3)
react-native、react-native-navigation
有没有人能够使用react 16.3中引入的新的上下文API和react-native导航？我在尝试设置它时遇到了麻烦，因为使用react-native导航没有主组件可以管理状态，然后呈现Context.Provider组件，只有Navigation.startSingleScreenApp或类似的功能提前Tks以获取您所能提供的任何帮助
Environment React本地导航版本: 1.1.403 React本地版本: 0.55.4平台: iOS设备信息:模拟器
浏览 1提问于2018-06-05得票数 5
1回答
React context api -与其他包共享数据
reactjs
我有一个react-native应用程序(比如MyMobile)，我也在使用一个具有一些共享组件(比如MySharedUX)的react-native库。这两个文件夹引用的是相同的react-native版本。 package.json (MyMobile){"@MySharedUX" : "file:../MySharedUX"
...在MySharedUX项目中，我创建了一个pageTracking挂钩，它使用导航上下文。当
浏览 15提问于2020-08-29得票数 1
回答已采纳
1回答
React本机版本不匹配:本机版本: 0.61.5，javascript版本: 0.57.7
android、reactjs、react-native、react-navigation
the problem persists try clearing the Watchman and packager caches with `watchman watch-del-all && react-native我已经将react-native版本更新到0.61.5。它已安装，并且在package.json中也有提及。我还更新了packages.json中的所有包。 该项目还使用了react导航。在节点模块的@react导航文
浏览 49提问于2020-01-11得票数 0
4回答
反应原生样板模板
reactjs、react-native
在ReactJS中，有一个很棒的样板，它被ReactJS开发人员广泛使用： (还有许多其他伟大的样板)。
然而，在研究了一天之后，我还没有发现类似于React本地的东西。
浏览 3提问于2019-10-30得票数 2
回答已采纳
4回答
null不是对象。RNGestureHandlerModule-方向
react-native、react-navigation
我没有更改react导航中的任何文件。为什么即使我没有更改App.js或任何导航文件中的任何内容，也会出现此错误？
浏览 2提问于2019-04-08得票数 2
1回答
react-native :通过npm安装后无法导入react-native
javascript、node.js、reactjs、react-native、npm
对于我当前的项目，我使用以下命令安装了react-native npm install react-native 这也反映在我的package.json和node_modules文件夹中 "react-native": "^0.61.5" 现在，当我尝试将react-native导入到AppCarousel.js中时，如下所示 import React from 'react';
import {Dimensions} from
浏览 32提问于2020-01-09得票数 0
2回答
在react-native中，是否有可能在抽屉导航器中嵌套标签导航器？
react-native、react-navigation、react-navigation-drawer、react-native-tabnavigator
在react-native中，是否有可能在抽屉导航器中嵌套标签导航器？当调用汉堡包菜单图标时，我希望抽屉覆盖整个屏幕，并在其中实现Tab导航器。我需要一些帮助。
浏览 5提问于2019-12-12得票数 1
1回答
如何在使用react-native导航时先获得闪屏，然后再进入主屏幕？
react-native
我使用的是react-native 0.32.0和" react-native-navigation "："^1.0.30"，我想首先获得一个闪屏，然后转到主屏幕，在那里我开始使用react-native-navigation我在谷歌上搜索了很多，也做了很多重新研究，但仍然不知道怎么做。我尝试将最简单的配置传递给Navigation.startSingleScreenApp，但我仍然可以在iOS中获得导航栏。有没有可能先得到一个原始的闪屏，然后再使用reac
浏览 14提问于2016-09-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
