组件之间的React Native中的导航器
在React Native中，导航器是一种组件，用于管理应用程序中不同屏幕之间的导航。它允许用户在不同的屏幕之间进行切换，并提供了一些常见的导航功能，如页面推入、弹出、替换等。
导航器在React Native中有多种选择，以下是其中几种常用的导航器组件：
- React Navigation：React Navigation是一个流行的导航库，提供了多种导航器类型，如堆栈导航器（StackNavigator）、标签导航器（TabNavigator）和抽屉导航器（DrawerNavigator）。它具有灵活的配置选项和易于使用的API，适用于大多数应用程序的导航需求。推荐的腾讯云相关产品是腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）。
- React Native Navigation：React Native Navigation是由Wix开发的导航库，提供了原生级别的导航体验。它使用原生导航控制器来实现导航功能，具有良好的性能和可扩展性。推荐的腾讯云相关产品是腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）。
- React Native Router Flux：React Native Router Flux是一个简单易用的导航库，提供了基于场景（Scene）的导航方式。它使用了React的上下文（Context）来管理导航状态，并提供了一些方便的API来进行导航操作。推荐的腾讯云相关产品是腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）。
这些导航器组件可以根据应用程序的需求选择合适的组件来实现导航功能。它们提供了丰富的配置选项和API，可以满足不同应用程序的导航需求，并提供了良好的用户体验。
相关·内容
当我开发我的第一个应用程序时，我正在学习React-Native，并且已经到了当用户点击我的ListView中的项目时，我想要切换到不同的屏幕。在我看到的几个React-Native应用程序中，它们在其主index.*.js中包含了一个导航器组件，并使用导航器在屏幕之间切换。这看起来是一种很好的</em
浏览 2提问于2016-10-02得票数 0
3回答
我希望在我的应用程序(5.x)上有一个底部导航。在此之后，我还想让用户在其他用户配置文件视图上导航。但是，我不希望这个新屏幕出现在底部的导航上。我不知道该怎么做。我需要混合堆栈导航和底层导航吗？
浏览 5提问于2020-02-15得票数 3
回答已采纳
我正在尝试在底部标签导航器的页眉中实现一个导航按钮，如下所示： <SafeAreaView style={styles.container}> name="Profil" /> 然而，我得到了标题中提到的错误我已经阅读了有关它的
浏览 21提问于2021-02-11得票数 0
回答已采纳
我已经使用了很少的react本地导航，我仍然不知道该使用哪一个，以便将来的透视也能被管理。我使用了，这是默认的react-native和，我还使用了，它有一个非常好的文档。但是有太多的选择让我迷惑。请帮助，因为我的项目是一个有点大的项目，我不想切换导航技术之间。
浏览 0提问于2018-07-16得票数 0
3回答
几个月前，我切换到了@react-navigation/native v5.x，我认为我对此相当熟悉。但如果我想在屏幕之间移动，我会出错：import React from 'react';
import {NavigationContainer} from '@re
浏览 2提问于2020-10-20得票数 1
我想做一个简单的导航到另一个组件。我在createStackNavigator上试过了，但不幸的是它不起作用。第一页是应用程序，第二页是AppLoggedin。这是我的第一个React Native应用。然后我想导航到信息和impressum稍后。你能帮帮我吗？
浏览 31提问于2019-11-26得票数 1
回答已采纳
我在属于不同导航器的两个屏幕组件之间传递参数有问题。 首先我有登录组件，里面的堆栈导航器，然后我有主页组件，里面的抽屉导航器。Hirarchy是这样的： 好的，我将在Login和Home中显示完整的代码： (登录组件) import React, {useState} from 'react';
import
浏览 31提问于2020-08-25得票数 3
回答已采纳
我将在这里分享我的代码App.jsimport Routes from '., { Component } from 'react';import { createDrawerNavigatorfrom 'r
浏览 0提问于2019-01-17得票数 6
2回答
在兄弟姐妹之间传递数据回响应本机
、、、、
我有一个问题，在反应本机，我想要共享一个数组之间的两个兄弟组件。我的应用程序有一个底部导航导航器，因为我定义了要导航的组件：import { StyleSheet, Text, View} from 'react-native';
import Icon from "
浏览 1提问于2018-09-26得票数 0
回答已采纳
我正在探索的可能性，同时在的帮助下开发一个演示应用程序，在视图之间进行自定义导航。主应用程序类呈现导航器，内部renderScene返回传递的组件： render() {
return (这是动画的工作原理吗？React方式，或者是否可以做得更好？我想要实现的是类似于的东西，但是没有导航栏(但是有些视图会
浏览 26提问于2015-03-30得票数 167
回答已采纳
sidemenu不显示在Login屏幕上，但在Home组件中是的(这很好)。app.jsimport { StyleSheet, View } from "react-native";
impo
浏览 4提问于2019-11-28得票数 1
回答已采纳
1回答
嗨，我刚开始学习react native！为了创建一个自定义的抽屉导航器，我按照react导航webiste中的描述为抽屉导航器的抽屉内容创建了一个组件，然后像这样将该组件添加到抽屉本身，我不明白为什么我们要在抽屉中添加这样的道具？？！！import React from 'react'
import {Vi
浏览 6提问于2021-05-08得票数 0
通过使用如果我只使用两个屏幕(堆栈中的登录和主页)，我可以成功地检索主屏幕中的数据。} from 'react-native';import { StyleSheet, Text, View } from 'react
浏览 0提问于2020-11-29得票数 0
回答已采纳
在从另一个屏幕(子组件)返回时，我添加了useFocusEffect()钩子来获取屏幕中的数据。然而，该程序如预期的那样工作，但是以前编写的Jest测试用例在以下情况下失败：Couldn't find a navigation> 24 | useFocusEffect( 25 | React.useCallback(() => {
26 |
浏览 8提问于2022-09-14得票数 0
我正在尝试创建一个底部标签导航器，它将加载到移动浏览器中。我只知道如何在React-Native中使用react导航的。我不知道浏览器的ReactJS应该使用什么。
浏览 2提问于2019-12-05得票数 1
我想在点击远程推送通知后导航到特定的应用程序屏幕。我如何使用原生react来实现这一点。我使用的是react-native-push-通知库
浏览 31提问于2019-11-22得票数 2
回答已采纳
我正在使用'Navigator‘组件来管理我的react-native应用程序中的不同场景。例如，我们可以使用'parentNavigator‘属性从子导航器(比如MyChildNavigator)访问父导航器属性，如下所示：我们如何从父导航器访问子导航器和它的属性或方法，
浏览 1提问于2015-12-22得票数 0
我在我的App.js中为抽屉导航器编写了代码，并从Passenger.js导入了组件、客运和lovedones.js的Lovedones。这两个组件包含相同的底部导航器代码，这样我的底部导航器就会出现在抽屉导航器的所有屏幕上。如果我单独运行底部导航器的代码，它将完美地工作。如果这是有意的，请明确传递'independe
浏览 1提问于2021-03-18得票数 0
我知道导航器从0.44开始就被弃用了。当我启动我的应用程序时，即使我不使用这个组件，我也会收到这个奇怪的红色警告。我想可能是在我的应用程序中包含的某个模块中使用了它。我只有add ，我没有找到导航器的任何用法。我真的不知道它是从哪里来的。我使用React Native 0.47.1和React 16.0.0-alpha.12
这是我的packag
浏览 3提问于2017-08-08得票数 1
": "^5.3.15",- "@react-navigation/routers": "^5.6.0",- "@react-navigation/stack": "^5.12.3",
- "react-n
浏览 13提问于2022-11-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
