React本机导航5.x NavigationInjectedProps
是React Navigation库中的一个类型定义。它是用于在React Native应用中进行导航操作的一组属性。
React Navigation是一个用于在React Native应用中实现导航功能的库。它提供了一套易于使用且灵活的导航组件，可以帮助开发者实现应用内的页面切换、导航栏定制、参数传递等功能。
NavigationInjectedProps是React Navigation库中的一个接口，它定义了一组属性，用于在组件中访问导航相关的功能和信息。这些属性包括：
- navigation：导航对象，用于在组件中进行页面跳转、参数传递等导航操作。
- route：当前页面的路由对象，包含了当前页面的信息，如路由名称、参数等。
React本机导航5.x NavigationInjectedProps的应用场景包括但不限于：
- 页面跳转：通过navigation属性中的方法，可以实现页面之间的跳转，包括跳转到指定页面、返回上一页面、替换当前页面等操作。
- 参数传递：可以通过navigation属性中的参数传递方法，将参数传递给目标页面，实现页面间的数据传递。
- 导航栏定制：可以通过navigation属性中的方法和route属性中的信息，对导航栏进行定制，如修改标题、添加按钮等。
- 权限控制：可以通过navigation属性中的方法，实现对页面的权限控制，如需要登录才能访问某个页面。
腾讯云提供了一系列与React Native开发相关的产品和服务，可以帮助开发者更好地构建和部署React Native应用。其中，推荐的产品包括：
- 云服务器（CVM）：提供可扩展的云服务器实例，用于部署React Native应用的后端服务。
- 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供稳定可靠的云数据库服务，用于存储React Native应用的数据。
- 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供高可用、高可靠的对象存储服务，用于存储React Native应用的静态资源、图片等。
- 产品介绍链接：https://cloud.tencent.com/product/cos
- 云函数（SCF）：提供无服务器的函数计算服务，用于实现React Native应用的后端逻辑。
- 产品介绍链接：https://cloud.tencent.com/product/scf
通过使用腾讯云的相关产品和服务，开发者可以快速搭建和部署React Native应用所需的基础设施，并获得高可用性、高性能的运行环境。
相关·内容
我正在使用世博管理反应本土。我正在尝试使用一个抽屉导航，并遵循了ReactiveNavigationDocuments。
import React from 'react';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';
import HomeScreen from './src/screens/HomeScreen'
浏览 13提问于2021-07-17得票数 0
回答已采纳
1回答
我有一个反应本地应用程序使用反应导航。该应用程序已经由Tab嵌套Stack组成。现在，我还想在最顶层添加一个抽屉导航，显示一个自定义的抽屉内容。
所以我的层次结构是DrawerNavigator (嵌套1 TabNavigator) > TabNavigator (嵌套5 StackNavigators) > Stack Navigator (嵌套实际内容屏幕的单个数量)。
为此，我在顶层添加了抽屉导航器，嵌套了现有的Tab Navigator：
<Drawer.Navigator
initialRouteName="MainTabNav"
d
浏览 2提问于2021-08-16得票数 3
回答已采纳
最近，我将世博升级为^44.0.0，并得到了以下错误: TypeError：(0，_native.createNavigatorFactory)不是函数。(“(0，_native.createNavigatorFactory)(StackNavigator)'，'(0，_native.createNavigatorFactory)”中未定义)
我到处搜索，更新了所有的东西，但我似乎无法让它起作用。我做错了什么？
这是我的package.json内容：
"@react-navigation/core": "^6.1.1",
"@react-
浏览 15提问于2022-03-16得票数 1
回答已采纳
我有以下问题。
在更新React Native项目的React导航时，我不能再执行构建命令react-native run-ios。
当我执行该命令时，向我显示以下错误：
浏览 4提问于2020-03-11得票数 0
1回答
我正在尝试添加一个抽屉导航组件到我的react原生项目中。我对react导航是个新手。在使用code from here时，我收到如下所述的错误。 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's
浏览 29提问于2021-08-28得票数 0
我是新的反应本机，并试图创建一个在线屏幕的应用程序。在添加了输入屏幕的代码并将其导入App.js文件之后。我试着运行这个应用程序。
然而，应用程序未能在我的模拟器上安装。
错误：
出了问题:出现了一个评估项目‘：反应-本地导航’的问题。
没有找到id 'kotlin-android‘的插件。
尝试:使用--stacktrace选项运行以获得堆栈跟踪。使用--info或-调试选项运行以获得更多日志输出。用扫描来获得完整的洞察力。
2:任务失败，只有一个例外。
哪里出了问题:配置项目时出现了一个问题:反应-本机导航‘。
未指定compile
浏览 3提问于2020-12-24得票数 0
1回答
我正在尝试创建嵌套导航(带有堆栈的底部Tab )，但是当im传递屏幕组件时
<Stack.Screen name="Home" component={HomeScreen} />
总是没有定义。
我的完整代码：
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack
浏览 11提问于2021-08-05得票数 0
回答已采纳
将本机项目运行良好，而不使用the导航选项卡模块，一旦我使用
npm install --save react-navigation-tab
以下错误发生在节点终端上。
响应选项卡导航引发以下错误。
错误:捆绑失败:错误:无法从react-native-reanimated解析模块node_modules\react-navigation-tabs\lib\module\views\MaterialTopTabBar.js：react本机-恢复在项目中找不到。
浏览 6提问于2019-09-27得票数 22
回答已采纳
我正致力于反应本土化我正面临着一个问题
import React, { Component } from 'react'
import {createAppContainer, createSwitchNavigator } from 'react-navigation';
import {createDrawerNavigator} from 'react-navigation-drawer'
import {createStackNavigator} from 'react-navigation-stack';
imp
浏览 2提问于2020-01-17得票数 4
和的区别是什么？
@ react导航/堆栈只适用于react应用程序，@react导航/本机堆栈仅用于for本机应用程序吗？
@react导航/堆栈- 301,111周下载
@react导航/本机-堆栈- 24,830周下载
import { createStackNavigator } from '@react-navigation/stack'
const Stack = createStackNavigator()
import { createNativeStackNavigator } from '@react-navigation/nativ
浏览 14提问于2021-09-05得票数 43
回答已采纳
有了新的react导航v5，它就不可能与react-native-web一起使用了。仅仅导入createBrowserApp就会抛出错误 import {createBrowserApp} from "@react-navigation/web"; 在@反应导航/web/dist/Link.js中显示以下错误 TypeError: (0 , _core.withNavigation) is not a function 有没有人知道如何在react-native- v5中使用react导航web？我需要路径中的url历史，但现在它已经变得不可能了。
浏览 23提问于2020-04-25得票数 2
我做了一个小帮手组件 const NavHelper = ({ navigation, dest }) => {
return (
<TouchableOpacity onPress={() => navigation.navigate(`${dest}`)}>
<Text>Go to {dest}</Text>
</TouchableOpacity>
);
}; 它的工作原理是将导航作为道具发送。 <NavHelper navigation={navigation} dest="
浏览 14提问于2020-04-01得票数 2
1回答
我正在尝试使用react导航来实现堆栈导航。当我创建一个堆栈导航const并在我的默认屏幕中调用时，它给了我这个错误。
路由'Main‘应该声明一个屏幕。例如:从‘./ MyScreen’导入MyScreen；主页：{屏幕: MyScreen，}
我的StackNavigation代码在这里
import React from 'react';
import {View, Text } from 'react-native';
import Register from './Register';
import Main from &#
浏览 4提问于2018-01-11得票数 0
回答已采纳
嘿，我是新来的反应本机:)我得到这个错误，一旦我增加了反应导航到我的应用程序
我试着在react中使用导航..。我补充道：npm install --save react-navigation
但它给了我一个这样的错误：
\node_modules@react-navigation\native\src\Scrollables.js:模块react本机手势-处理程序在Haste模块映射中不存在。
浏览 0提问于2020-02-24得票数 0
回答已采纳
2回答
我刚刚安装了react导航版本6，并收到以下错误
尝试在空对象引用上调用接口方法boolean com.swmansion.reanimated.layoutReanimation.NativeMethodsHolder.isLayoutAnimationEnabled()
下面是我的代码
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import 'react-native-gesture-han
浏览 9提问于2021-12-13得票数 14
回答已采纳
我试图创建一个基本的应用程序与反应导航5和本机基础。但似乎反应导航覆盖本机基地。内容不呈现简单文本。
/**
* @format
*/
import React from 'react';
import 'react-native-gesture-handler';
import { AppRegistry } from 'react-native';
import NavigationInitializer from './route/NavigationSetup';
import { name as appNa
浏览 1提问于2020-07-27得票数 0
回答已采纳
TypeError: (0, _$$_REQUIRE(_dependencyMap[1], "@react-navigation/native").usePreventRemoveContext) is not a function. (In '(0, _$$_REQUIRE(_dependencyMap[1], "@react-navigation/native").usePreventRemoveContext)()', '(0, _$$_REQUIRE(_dependencyMap[1], "@react-navigatio
浏览 30提问于2022-08-24得票数 4
我对react是个新手--原生、npm等。但我可以根据一些示例运行一些android应用程序的测试。
现在我想学习导航。我遵循中的步骤...
但是在我安装了react导航之后，我就不能再使用"react-native run-android“命令了。
C:\Users\Nicolas\react-native-app\KleinProject>react-native run-android
Command `run-android` unrecognized. Make sure that you have run `npm install` and that you are
浏览 0提问于2018-09-17得票数 0
2回答
React导航5参数传递的问题
、、、、
我是第一次接触react-native。我试图在成功获取API后将一些数据与导航一起传递。
if (response.status === 200) {
navigation.navigate(EditProfile, {
password: password,
address: 'Address',
firstname: 'John',
lastname: 'Doe',
});
}
在接收屏幕中，根据react导航5，我使用了"route“关键字来获取附加的参数。首先
浏览 0提问于2020-09-18得票数 0
环境：
Windows 10
Node js: 10.x
Expo: 35.0.0
React: 16.8
React-native: 0.62.0
React-navigation: 3.0.7
开发了一个简单的应用程序，用于测试android应用程序上的导航，面临以下错误：
"TypeError:无法读取未定义的属性'measureInWindow‘“
如有任何建议，将不胜感激。谢谢,
浏览 2提问于2020-04-03得票数 2
我正在使用React导航x5，我的StackNavigator正在加载大量屏幕。我想卸载一个特定的屏幕组件在模糊，以获得相同的结果使用unmountOnBlur时使用DrawerNavigator。
我怎样才能做到这一点？
浏览 10提问于2021-05-24得票数 3
我使用的是react本机导航和react本机导航，但是当我运行项目时，会出现“请求的非对象值原型”错误。
我没有使用redux
App.js :
import {Navigation} from 'react-native-navigation';
import {HomeComponent} from './src/home';
Navigation.registerComponent("navigation.playground.HomeComponent", () => HomeComponent);
Navigation.ev
浏览 0提问于2019-01-07得票数 1
回答已采纳
我正在尝试使用react导航库来创建两个组件之间的导航。
这是我的密码：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React from 'react';
import type {Node} from 'react';
import { NavigationContainer } from '@react-navigation/native';
浏览 8提问于2022-05-25得票数 0
1回答
我需要在一个抽屉中添加一个注销按钮，React导航抽屉尝试这样做：
<Drawer.Navigator>
<Drawer.Screen name="Sales" children={CreateHomeStack} />
<Drawer.Screen name="Items" component={ItemsScreen} />
<Drawer.Screen name="Categories" component={CategoriesScreen} />
<B
浏览 1提问于2020-02-28得票数 12
3回答
我对react-native非常陌生。我正在制作一个具有抽屉导航和堆栈导航的示例应用程序。我在抽屉按钮中的抽屉代码中一次又一次地收到错误。如何打开和关闭我的抽屉？我试着在互联网上搜索了很多。我想尽我所能。但没有任何帮助。任何帮助都是非常感谢的。我写了以下代码：
import React, {Component} from 'react';
import {createDrawerNavigator, createStackNavigator, createAppContainer} from 'react-navigation';
import {Touchab
浏览 4提问于2019-02-05得票数 1
我遇到了以下错误时，我使用了反应本机-火基与反应导航(也反应本机手势处理程序)
未定义不是对象(计算'RNGestureHandlerModule.State')
我跟随了的指引
下面是错误屏幕的调用堆栈。
<unknown>
GestureHandler.js: 54:37
<unknown>
Swipeable.js: 11
<unknown>
index.js:1
<unknown>
StackViewLayout.js:19
<unknown>
StackView.js:4
<unknown>
cr
浏览 0提问于2019-01-20得票数 0
初始导航工作正常，但当我按回或按相同的选项卡(回去)，应用程序关闭。
我使用React导航v6+和导航器(如Stack和Material底部Tabs )。
主导航
<Tab.Navigator
initialRouteName='TabMovie'
activeColor="#f0edf6"
keyboardHidesNavigationBar={true}
inactiveColor="#000000"
shifting={true}
barStyle={{
borderWidth: 0,
ele
浏览 8提问于2022-08-29得票数 0
回答已采纳
3回答
在跟随之后
(不使用博览会)
我遵循指南并通过创建Reacti-native.config.js文件禁用了自动链接。
但是当我运行react原生运行-android
error: package com.swmansion.gesturehandler.react does not exist
error: cannot find symbol
return new RNGestureHandlerEnabledRootView(MainActivity.this);
在此错误尝试将以下行添加到
**project/android/app/build.gradle**
浏览 0提问于2019-07-10得票数 3
回答已采纳
1回答
我正在构建一个应用程序，作为一个测试，我将令牌存储在密钥链中。在导航中，我使用堆栈导航器和切换导航器。我正在尝试从密钥链中检索令牌，并使用它来确定intialRouteName :如果令牌存在->主，如果没有->身份验证。
这是我的密码：
Navigation.js
import React, { Component } from 'react'
import {
createStackNavigator,
createAppContainer,
createSwitchNavigator
} from 'react-navigation
浏览 2提问于2019-06-02得票数 0
我在react导航中使用了react本机手势处理程序，并得到了这个错误。
null不是一个对象(计算'RNGestureHandlerModule.Direction')
工作空间文件是用新的new原生版本(0.60)自动创建的。而且Xcode项目中的库文件夹下也没有库。
我创建了新的项目，在new原生版本0.60自动创建的新项目。然后，我安装了以下依赖项
安装-save反应-导航npm安装-save反应-本机手势-处理程序安装后，我得到运行时错误。
null不是一个对象(计算'RNGestureHandlerModule.Direction')
我还尝试用以下
浏览 2提问于2019-07-09得票数 1
回答已采纳
1回答
我对react-原生导航有疑问，当我试图用命令npm run android启动我的应用程序时，我收到了一个错误，这里是github，它的代码是'‘*错误的地方:无法确定任务的依赖关系: app :编译器compileDebugJavaWithJavac’。
无法解决配置的所有任务依赖关系“：app:调试器”。无法解决项目:反应-本机导航。Required by: project :app无法找到项目的匹配配置:react本机导航:所有可消耗的配置都没有属性。
尝试:使用--stacktrace选项运行以获得堆栈跟踪。使用--info或-调试选项运行以获得更多日志输出。用扫
浏览 0提问于2019-02-01得票数 0
6回答
电流行为
执行应用程序后的没有安装reporting
bundling failed: Error: Unable to resolve module `
react-native-screens` from `node_modules/react-navigation-tabs/src/navigators/createBottomTabNavigator.js`: react-native-screens could not be found within the project.
您的环境
\##.软件##.#^#^
\x{e76f}反应-导航
\x{e76f}反应-原生- 0.61.
浏览 2提问于2020-02-04得票数 28
回答已采纳
我正在开发世博会基础聊天应用程序，我需要使用Stack Navigator，它是我手动更新到4.x的。但是，当我这样做时，它会给出错误消息：(0 , _native.createStackNavigator) is not a function 这是app.js： import Main from './components/Main';
import Chat from './components/Chat';
// Import React Navigation
import { createStackNavigator } from '@re
浏览 32提问于2021-01-26得票数 0
4回答
当我安装并尝试使用react导航时，我正在尝试使用react本机并获得以下错误(从‘react导航’导入{StackNavigator}；)。
我使用下面的命令安装“npm导航”：npm保存-导航
在运行上面的命令时，我得到'react-navigation'文件夹下的node_modules文件夹，其中只有一个文件(package.json).以下是文件的内容：
{
"_args": [
[
{
"raw": "react-navigation@0.0.0",
"
浏览 7提问于2017-03-27得票数 11
回答已采纳
1回答
嗨，我想用相机在我的反应-本地应用程序。为此，我将遵循以下几点：
它在的安卓系统中运行，但当我来到iOS的时候，它并没有运行Mac。
该应用程序被安装并加载应用程序名，然后在iPhone中崩溃。
有时，它会显示类似react-native-implementation.js:的错误，无法读取null (null)的属性“绑定”
为了解决这个问题，请手动将这个模块添加到我的项目中，如下面的手动安装iOS
npm安装反应本机摄像头保存
在XCode中，在项目导航器中，右键单击➜将文件添加到项目名称
转到node_modules➜react原生相机并添加RNCamera.xcodepr
浏览 3提问于2018-07-06得票数 0
我有一个react原生应用程序，它不使用expo。我得到以下错误： React Native version mismatch.
│
│ JavaScript version: 0.57.7
│ Native version: 0.61.5
│
└ Make sure that you have re
浏览 50提问于2020-01-11得票数 0
在世博反应本机应用程序中，在执行react-native link后执行yarn add react-navigation native-base时会出现以下错误。
添加“反应导航”和“本机基础”时显示的警告
warning “expo > react-native-maps@0.21.0” has incorrect peer dependency “react-native@^0.51 || ^0.52 || ^0.53 || ^0.54”.
warning “expo > react-native-reanimated@1.0.0-alpha.3” has incorrec
浏览 1提问于2018-06-28得票数 1
回答已采纳
我已经将React Native集成到了一个现有的本地Objective-C iOS应用程序中。我需要从React本机组件导航到本机UIViewController，然后再导航回来。
我目前正在尝试让本机模块工作，但是，虽然我的本机模块是从Javascript中调用的，但pushViewController和presentViewController在被调用时什么也不做。
我还研究了，但我在文档中没有看到任何说明如何从React native导航到Native的内容。也是如此。
我也研究过，但仍然没有找到导航到本机视图控制器的方法。
有谁能给我指个方向吗？
浏览 1提问于2017-08-31得票数 1
2回答
现在，我正在使用React本机模式。我的模式里面有一些轻量级的动画。现在有一些问题一直在提。我应该使用react本机模式，这是内置的，还是我应该使用反应导航全屏模式？哪个是模式执行者？它可能因情况而异，但我应该在哪里使用反应-本机模式和反应-导航模式？哪个更有表现力？
浏览 9提问于2022-03-20得票数 0
1回答
我正在使用web本机网站，其中@ react导航是用于导航的。我使用的是linking，这样用户就可以使用URL导航。
我的链接配置看起来像
const linking = {
prefixes: [],
config: {
screens: {
Home: '',
Profile: 'profile',
Settings: 'settings',
NotFound: '*',
},
},
};
问题是，我希望在URL中使用#传递一个参数。例如，local
浏览 2提问于2022-08-02得票数 1
在Xcode 13.4.1中的的Macbook M1上构建成功后，获得呈现错误：
在带有英特尔芯片的Macbook上，同样的应用程序构建时没有任何错误。我试着重新安装react导航：
npm install @react-navigation/native
以及可靠的套餐：
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
制作后：
浏览 14提问于2022-10-12得票数 0
有谁能帮我解决这个问题吗？最近我在react-native项目中工作，我想在添加代码后创建底部选项卡导航，它将显示如下错误 And these are the packages included
"dependencies": {
"@react-navigation/native": "^5.1.4",
"react": "16.9.0",
"react-native": "0.61.4",
"react-native-eleme
浏览 15提问于2020-04-06得票数 0
1回答
对于应用程序中的导航，我使用@react导航/本机导航，但是当我切换到MIUI 12时，我注意到MIUI导航栏与我的应用导航栏重叠，这看起来不太好：
我想让这个看起来像这样：
我怎样才能达到这个目标呢？
浏览 6提问于2021-11-04得票数 0
回答已采纳
我使用的是没有此方法的：
props.navigation.navigate('screen2')}
此外，React本机导航不允许我们创建stackNavigator。它直接注册屏幕。那么，我如何使用库呢？
如能提供任何帮助，将不胜感激。
虽然，React本机导航已经集成了SharedElementTransition，但是它并不像FluidTransition那样平滑.
浏览 2提问于2019-10-17得票数 0
回答已采纳
在他们为世博项目的官方网站上的文档安装了react导航之后，仍然无法在目录中找到out导航/本机堆栈的错误，是否有人遇到了这个错误，以及可能的出路是什么？
浏览 2提问于2022-07-05得票数 0
回答已采纳
我试图设置一个react本机项目，在这个项目中，我只尝试用package导航在app.js中创建堆栈导航器，我遵循这个指南，然后进入，但是我得到了错误。
编译失败。D:/Visual Studio Code/Resturant Review/food/App.js模块未找到:无法解析“D：\Visual Studio Code\Resturant Review\food”中的@react导航/堆栈--这是我的代码：
//app.js
import * as React from 'react';
import { View, Text } from 'react-n
浏览 2提问于2020-09-20得票数 4
在使用createMaterialTopTabNavigator()与React导航v5进行本机反应时，我看到了以下错误：
Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or
浏览 6提问于2020-08-21得票数 2
回答已采纳
我正在尝试安装install @react-navigation/drawer
我正面临着下面的问题，因为这个问题我不能在react native ERR中使用抽屉导航！同级检测缺失: react@^15.4.2，react-native-drawer-menu@0.2.5 npm错误！缺少对等设备: react-native@^0.41.2，react-native-drawer-menu@0.2.5所需
浏览 2提问于2020-04-25得票数 0
在没有react-native几个月之后，我可以解决一些简单的问题。我正在导入导航组件，我总是得到：
错误:元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件)，但未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
检查NavBottomBar的呈现方法。
此错误位于: in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
在这里，代码：
import React from 'react';
import {NavigationContainer} fro
浏览 0提问于2020-10-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
