使用this.props.Navigation.navigate react native发送数据时出错
在React Native中，使用this.props.navigation.navigate发送数据时出错可能是由于以下几个原因导致的：
- 错误的导航参数：确保你在
navigate方法中正确地传递了目标页面的名称和要发送的数据。例如，如果你要导航到名为TargetScreen的页面，并且要发送一个名为data的数据，你应该这样写：this.props.navigation.navigate('TargetScreen', { data: yourData })。 - 目标页面未接收数据：确保目标页面（即
TargetScreen）正确地接收了数据。你可以在目标页面的组件定义中使用this.props.navigation.getParam方法来获取传递的数据。例如，如果你要获取名为data的数据，你可以这样写：const data = this.props.navigation.getParam('data', defaultValue)。 - 数据类型不匹配：确保发送的数据类型与目标页面接收数据的类型匹配。如果数据类型不匹配，可能会导致错误。你可以在发送数据之前使用
typeof操作符检查数据类型，并在接收数据时进行相应的类型转换。 - 导航参数未定义：如果你在目标页面中使用了导航参数，但未在导航时定义，可能会导致错误。确保在导航时传递了所有必要的导航参数。
- 导航器未正确配置：如果导航器未正确配置，可能会导致导航错误。请确保你正确地配置了导航器，并在导航时使用正确的导航方法。
相关·内容
navigation.js
import React,{ Component} from 'react'
import { createStackNavigator,createAppContainer } from 'react-navigation'
import Login from './screens/login'
import SplashScreen from './screens/splashScreen'
// export const Nav = createStackNavigator
浏览 2提问于2019-03-08得票数 0
回答已采纳
this.props.navigation.navigate在导航屏幕过渡时传递一个值。
在从exerciseType.js向exerciseList.js传递一个值时，我得到一个错误: Cannot read property 'props‘of undefined?.
--exerciseType.js--
import React from 'react';
import {StyleSheet, Text, View, Button} from 'react-native';
import { createAppContainer } from
浏览 0提问于2021-07-14得票数 0
我正在创建一个使用Reactive原住民的应用程序，我需要将params从一个屏幕发送到选项卡Navigator的所有屏幕。
屏幕摘要：
LoginHomeProfile (Tab)设置(Tab)
我需要把用户的名字从登录到主页，从主页发送到配置文件和设置
App.js
import 'react-native-gesture-handler';
import * as React from 'react';
import Icon from 'react-native-vector-icons/FontAwesome';
import { c
浏览 4提问于2020-04-01得票数 0
1回答
我有一个功能，可以通过签入异步存储来导航到不同的组件。 以下是我的加载页面代码： import React from 'react';
import {
View,
Text
} from 'react-native';
import { AsyncStorage } from 'react-native';
export class LoadingScreen extends React.Component{
componentDidMount(){
async()=>{
浏览 8提问于2019-05-03得票数 0
1回答
import * as React from 'react';
import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import { Text, View } from 'react-native';
class LoadingScreen extends React.Component {
d
浏览 14提问于2021-04-21得票数 0
回答已采纳
因此，对于乞讨来说，在react-native-navigation中有可能通过this.props.navigation.navigate()传递一些数据。
下面是您应该如何传递数据：
this.props.navigation.navigate('RouteName', {/*Data to pass*/})
所以，我们来谈谈这个问题
遇到这一问题的情况：
我有一个项目列表，我点击它并导航到下一个屏幕，在导航过程中被按下的项的数据被发送，当我到达下一个屏幕时，传递的数据被分配给state，然后我进一步对它进行操作。下面是我用来传递数据的命令：
通过数据
this.props
浏览 0提问于2018-12-05得票数 1
回答已采纳
我正在使用DrawerNavigator，我有3页：Router page、mainScreen和photos page。
我创建了一个标题导航栏区域，我使用这个<TouchableHighlight onPress={() => this.props.navigation.navigate('DrawerOpen')}>在mainScreen中打开抽屉菜单，并将其用于照片页面，在mainScreen中菜单是可以的，但是当我在照片页面中单击<TouchableHighlight onPress={() => this.props.navigatio
浏览 14提问于2017-07-20得票数 48
回答已采纳
node.js窗口上出现错误:错误:绑定失败:错误:无法从node_modules\@react-navigation\native\src\Scrollables.js解析模块手势:在项目中找不到react-native-gesture-handler -native-node_modules\@react-navigation\native\src\Scrollables.js-handler。 我认为这个错误与npm或纱线的库有关。 App.js代码： import React, {Component} from 'react';
import {
SafeArea
浏览 31提问于2019-12-06得票数 1
回答已采纳
我想知道如何在不使用选项卡或堆栈导航的情况下导航我的react原生应用程序。我想创建一个按钮，然后onPress直接导航到该页面。我正在使用来尝试实现与createDrawerNavigator相同的功能。这看起来很简单。但是，在我的DrawerScreen.js中，当我尝试并单击按钮进行导航时，我得到了前面提到的错误。
我确实尝试过这样的东西：
<TouchableOpacity onPress = {() => this.props.navigation.navigate('Home')}>
<Text> Home </Text&
浏览 1提问于2018-08-24得票数 0
我一直在关注一些simple tutorial (full working source code)，以了解如何在我的React Native应用程序中使用React的上下文和处理身份验证。 此示例将有状态组件用于视图，并在组件本身内处理路由应用程序，例如，在SignInScreen.js中 /* SignInScreen.js */
export default class SignInScreen extends React.Component {
static navigationOptions = {
title: 'Please sign in&#
浏览 14提问于2019-03-04得票数 1
回答已采纳
依赖关系版本：
"dependencies": {
"react": "16.3.1",
"react-native": "~0.55.2",
"react-navigation": "^2.0.1",
}
我使用react-navigation导航我的屏幕，我创建了两个屏幕和一个抽屉
Router.js：
import { createStackNavigator, createDrawerNavigator } from 'react-navi
浏览 0提问于2018-05-20得票数 9
回答已采纳
我需要帮助:)。我的项目是2页react本机、MainPage和SoundRecord。我的init屏幕是MainPage，当我按下“取得声音”按钮时，我会移动到另一个组件来记录声音(我使用的是反应本机导航)。当我回来时，我想返回filePath(在那里它保存文件..)。我想把它插入到州里。
当我在MainPage中这样做时：
this.state{
filePath: this.props.navigation.state.params.filePath
}
这会导致错误:未定义的对象不是一个对象(评估'this.props.navigation.state.params.fileP
浏览 0提问于2019-01-24得票数 0
回答已采纳
1回答
我使用的是React本机导航。(堆栈导航)。但是我不能在navigationOptions中调用函数。不起作用。
import React, { Component } from 'react';
import { StyleSheet, View, Text, TouchableHighlight, AsyncStorage, Alert } from 'react-native';
import { Button } from 'react-native-elements';
import Icon from 'react-nativ
浏览 0提问于2019-03-15得票数 4
回答已采纳
我有一个react-native应用程序，其中我使用react-native-qrcode- scanner开发了一个扫描器功能。但是，当我尝试扫描数据时，我得到了以下错误- error: can't find variable navigation 我在authorizationToken行的onSuccess方法中看到了这个错误。我的代码是- import React, { Component } from 'react';
import {
Text,
View,
Image,
TouchableOpacity,
Link
浏览 64提问于2019-01-03得票数 2
我正在尝试创建两个按钮来导航到我的react应用程序中的另外两个页面。单击任何一个按钮，当我单击标记为home的按钮时，都会收到以下错误。
TypeError: Cannot read properties of undefined (reading 'props')
onPress
9 | <Button
10 | title="Go to Home"
11 | onPress={
> 12 | () => this.props.navigation.navigate('Home'
浏览 3提问于2021-12-09得票数 1
所以我在导航到特定屏幕时遇到了问题，当按下当前屏幕上的ListItem时，我想从当前屏幕转到另一个屏幕。但当我按下该项目时，什么也没有发生。
下面是我的代码：
文件夹练习-> index.js
import React, {Component} from 'react';
import Exercises from './Exercises';
import ExercisePushUps from './ExercisePushUps';
import {StackNavigator} from 'react-navigation
浏览 0提问于2017-12-18得票数 0
我正在使用原生react，现在，当我试图挂载我的加载组件时，我得到了以下错误。
TypeError:未定义不是对象(计算“”this.props.navigation.navigate“”)
以下是我的代码
import React from 'react';
import SplashScreen from 'react-native-splash-screen';
import Loading from '../../components/loading/Loading';
import { connect } from 'react
浏览 8提问于2019-11-27得票数 0
1回答
我整合了抽屉的侧边栏，而它没有显示出来。它显示了简单的反应-导航抽屉，没有其他。这是我的密码。我怎样才能使它工作和可见？
App.js
import React from 'react';
import {StyleSheet, Text, View } from 'react-native';
import { TabNavigator, DrawerNavigator, StackNavigator } from 'react-navigation';
import WelcomeScreen from './scre
浏览 4提问于2017-07-22得票数 1
我发现了各种类似的问题，它们都有不同的问题和解决方案。我想导航到8月，但错误未定义不是一个对象(计算'this.props.navigation.navigate') this.props.navigation.navigate
ReviewScreen.js
import React,{Component} from 'react';
import {View,Text,Platform} from 'react-native';
import {Button} from'react-native-elements'
class
浏览 1提问于2018-06-11得票数 0
回答已采纳
我无法解决这个问题。为什么会发生这种事？还从‘./src/screen/ Home’中更改了导入主页，但结果是相同的。
给出了错误堆栈屏幕截图的链接：
Home.js
import React from 'react';
import { Button, View, Text } from 'react-native';
import { createStackNavigator } from 'react-navigation';
import Profile from './src/screen/Profile&#
浏览 1提问于2019-12-03得票数 1
回答已采纳
我是React Native的新程序员，我的代码遇到了这个问题，我正在尝试做一个闪屏，之后我想做一个将我重定向到另一个屏幕的登录。 启动画面运行良好，但当我在登录画面中按下"Entrar“按钮时，它崩溃并显示消息。 ` import React from 'react';
import { Image, Text, View } from 'react-native';
import { Asset, SplashScreen } from 'expo';
import Splash from './screens/Splas
浏览 11提问于2018-12-24得票数 0
2回答
我试图在这里制作自定义组件(页脚)。这是我的密码：
Footer.js
import React, { Component } from 'react'
import {
View,
Text,
Linking,
StyleSheet,
Image,
TouchableOpacity
Dimensions,
} from 'react-native'
class Footer extends Component {
浏览 0提问于2019-01-24得票数 0
回答已采纳
import React, { Component } from 'react';
import { AppRegistry, StyleSheet, TextInput, View, Alert, Button, Text} from 'react-native';
import { StackNavigator } from 'react-navigation';
export default class LoginActivity extends React.Component {
static naviga
浏览 0提问于2018-03-13得票数 0
我是新来的-土生土长。为了学习，我创建了一个示例项目。我想通过按下抽屉里的文本来导航到另一页。所以我面临一个错误
TypeError: undefined is not an object (evaluating '_this.props.navigation.navigate')
我添加了示例代码
import React,{Component} from "react";
import { StyleSheet, Text, View ,ImageBackground,} from "react-native";
export defaul
浏览 20提问于2021-12-12得票数 0
回答已采纳
1回答
我使用React本机为iOS和安卓开发多页应用程序。
我已经使用了反应导航从1页导航到另一页。但不知何故，它不起作用了&给出错误信息。
以下是我迄今所做的工作。
App.js
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
import { StackNavigator } from 'react-navigation';
import Settings fr
浏览 0提问于2019-04-13得票数 0
回答已采纳
1回答
我正在开发一个带有firebase身份验证的react原生应用程序。但是当我成功登录时，导航显示出一些问题，例如，未定义不是一个对象(评估'this.props.navigation')。但用于导航的锥体在其他页面上也能正常工作。我试了很多方法，但都不管用，伙计们请帮帮我。 import React from "react";
import {
Text,
View,
Image,
TouchableOpacity,
AsyncStorage,
浏览 10提问于2019-02-07得票数 0
回答已采纳
我是用Jest测试react原生应用的新手，不知道我在做什么。我在网上做了一些研究，但大多数课程似乎都过时了。 我在我的应用程序中有一个图像，当按下它时，会将用户带到另一个屏幕。在做了一些研究之后，似乎使用酶是实现这一点的方法(这很可能是过时的，我做错了)。 这是我的代码。 import 'react-native';
import React from 'react';
import HomeScreen, { TouchableOpacity } from '../app/HomeScreen';
import { render, fi
浏览 11提问于2020-04-14得票数 0
1回答
导航时，正在从第一个屏幕切换到第二个屏幕。但是我无法从第二个屏幕切换到第三个屏幕。我想从第二个屏幕切换到第三个屏幕。我不知道我哪里出错了。我分享下面的代码。你能帮帮我吗。？谢谢
尊重
import React, { Component } from 'react';
import {
WebView,
AppRegistry, StyleSheet, Text, View, Button
} from 'react-native';
import { StackNavigator } from 'react-navigation';
浏览 0提问于2018-04-24得票数 1
3回答
我已经创建了一个带有一些按钮的自定义抽屉组件，以导航到其他屏幕，但我得到了一个TypeError:当我单击some buttons.But时，未定义的不是对象(计算'_this.props')，如果删除自定义的抽屉组件，默认的抽屉就会正常工作。
如何解决这个问题？谢谢
抽屉
import React from 'react';
import {createDrawerNavigator} from '@react-navigation/drawer';
import {NavigationNativeContainer} from '@
浏览 3提问于2020-01-28得票数 4
回答已采纳
我一直在尝试让一个简单的React Native StackNavigation示例应用程序正常工作，但是我一直得到一个
TypeError: undefined is not an object (evaluating 'this.props.navigation.navigate')
我不期望应用程序在这个阶段导航到任何地方，只需使用应用程序栏和一些任意文本进行部署。
import React, { Component } from 'react';
import {AppRegistry, Text} from 'react-native'
浏览 0提问于2018-06-05得票数 1
1回答
我正在将数组映射到组件。
{this.state.forms.map((data)=><Box data={data} />)}
组件盒的代码是
import React,{Component} from 'react'
import {View,Text,ScrollView,Image,Button,StyleSheet,AsyncStorage} from 'react-native'
class Login extends Component{
constructor(props){
super(prop
浏览 0提问于2018-09-11得票数 0
回答已采纳
我对react native非常陌生，我在处理屏幕导航时遇到了这个问题，非常简单的演示应用程序处理这个错误信息TaskQueue: error with task: undefined is not a object (评估'_this.view._component.measureInWindow')
以下是错误的屏幕截图：
下面是我的代码App.js
import React, {Component} from 'react';
import {createStackNavigator} from 'react-navigation&#
浏览 0提问于2020-03-31得票数 17
1回答
我在Routes.js中创建了一个抽屉(反应导航)，在HamburgerBtn.js中有一个按钮。我希望调用按钮上的调用来用我的按钮打开抽屉。我不知道如何让这从外部的路线到按钮。
#HamburgerBtn.js;import Hamburger from 'react-native-hamburger';
import React, {Component} from 'react';
import styles from './Component.style';
import {
Text,
View
} from 'react
浏览 4提问于2017-12-21得票数 1
回答已采纳
1回答
我是RN的新手，我刚刚使用react-native-element在我的目录页面中创建了一个搜索栏。但是，当我在搜索栏中输入一个角色的名字时，什么都不会触发。我认为我的状态设置是正确的，因为我遵循了文档。有没有人能看到这一点，并阐明哪里可能是错的？
这就是我设置搜索栏文件夹的方式。
//SearchHeader.js
import React from "react";
import {
Button,
View,
Text,
StyleSheet,
Platform,
Animated,
ScrollView,
ImageBackground,
浏览 10提问于2019-08-12得票数 0
回答已采纳
我在两个类中使用了react-native-image选择器和react-native-image-crop选择器库。
一个是启动库映像(react-native-image picker)，另一个是打开裁剪窗口(react-native- image -crop-picker)。
在这里，启动库在一个屏幕上，而裁剪正在打开，同时从另一个屏幕上的库导航。
我的问题是，在点击选择裁剪窗口后，它再次重置裁剪窗口，需要再次裁剪，并在此之后发生非法调用错误。
请参阅代码片段
// Opens the library image in Library.js screen
import ImagePic
浏览 0提问于2019-08-20得票数 2
3回答
我使用const来显示组件。现在，当我对const中的按钮使用react导航时，我看到这个错误:未定义的不是一个对象(计算'_this.props.navigation.navigate') 我尝试将navigation={this.props.navigation}添加到按钮以允许禁烟，但不起作用。 const WomenTab = () => (
<View>
<Button onPress={() => {
this.props.navigation.dispatch(St
浏览 16提问于2019-02-08得票数 2
回答已采纳
1回答
嗨，我是usign react native with stacknavigator，这是我的代码 import { NavigationContainer } from '@react-navigation/native';
import {Main} from "./Main";
import {Detail} from "./Detail";
import { createStackNavigator } from '@react-navigation/stack';
const Stack = createStackN
浏览 5提问于2021-01-03得票数 0
回答已采纳
1回答
我目前的代码是
App.js
import React from 'react';
import { View } from 'native-base';
import 'react-native-gesture-handler';
import { TouchableOpacity } from 'react-native';
export default class All extends React.Component {
constructor(props) {
super(props);
this.
浏览 4提问于2020-04-23得票数 0
回答已采纳
如何在react native中导航一个页面到另一个页面。在这里我想导航到我的活动到另一个活动，当我点击列表项时，这将导航到另一个页面，您可以查看我下面的代码
import React, {Component} from 'react';
import { StyleSheet, View, AppRegistry,} from 'react-native';
import { List, ListItem, Icon, Text } from 'native-base';
import { StackNavigator } from '
浏览 3提问于2018-09-25得票数 1
我正在开发一个应用程序，但是goback按钮不会把我带到后台屏幕。
App.js
import React, { Component } from 'react';
import one from './components/test/one';
import two from './components/test/two';
import three from './components/test/three';
import { DrawerNavigator } from 'react-navigation'
浏览 1提问于2017-11-03得票数 3
我有一个问题，我从我的手机图库中选择了一个图像，但现在我想将它传递到另一个组件中，我如何才能做到这一点？我有一个名为图库的组件在这个组件中我从我的手机图库中渲染图像.and我可以从图库中选择任何一个图像之后，当我选择一个图像时，我想将它发送到另一个名为APPLYFILTER的组件中这是我的组件代码，名为图库，我也使用它从图库获取图像
import React, { Component } from "react";
import { TouchableOpacity,StatusBar,View,Modal,
TouchableHighlight,StyleShee
浏览 3提问于2018-10-10得票数 0
1回答
Uncaught :TypeError不是一个函数
这是一个错误，当我正在做一个新的反应-本地应用程序的时候。
代码：
import { ActivityIndicator, StyleSheet, View } from 'react-native'
import React from 'react';
import * as firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/databa
浏览 5提问于2022-08-18得票数 0
当按左元素图标时，我试图导航到另一个屏幕上的react导航头。
错误: React本机未定义不是object(evaluating'HomeScreen.props.navigation')
这是错误的图片
使用:世博会，反应导航v3和用户阿凡达显示用户的配置文件图片(这将重定向到用户的配置文件)
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, TouchableOpacity, Image, SafeAreaView, FlatList}
浏览 1提问于2019-04-18得票数 0
回答已采纳
我使用react本机和react本机navigation.When，我尝试访问route.params，它说它是一个未定义的对象。我能够使用PokeDetails方法导航到this.props.navigation.navigate屏幕，但是我无法从route.params.etc获得参数。请看下面的代码。谢谢!
//Home.js
import React, { useState } from "react";
import { View, Text , Button, FlatList, ActivityIndicator, TouchableOpacity, Image
浏览 0提问于2020-04-27得票数 2
回答已采纳
我已经问了一个问题，并尽可能多地修改，但仍然有麻烦。将所有子屏幕js文件合并到App.js中 当我编译和运行时，应用程序显示LoginScreen.js，而不是LoadingScreen.js。 此外，onPress={this.props.navigation.navigate('Loading')}也不起作用。如果我按下按钮，它什么也不会显示。 我还遗漏了什么？ import React from 'react'
import { StyleSheet, Platform, Image, Text, View, TextInput, Button, Act
浏览 15提问于2020-10-19得票数 0
回答已采纳
我试图从登录页面导航到主页，但是我的登录表单在另一个名为" component“的文件夹中，当我使用touchableOpacity从登录页面导航时，它是工作的，但是当我从登录表单组件执行相同的操作时，它会给我一个错误。有人能告诉我我做错了什么吗。
这是我想要执行的代码。
代码Login.js
import React, {Component} from 'react';
import {Text, View, ScrollView} from 'react-native';
import LoginForm from '../component
浏览 1提问于2018-12-26得票数 0
回答已采纳
我已经为用户身份验证创建了react-native表单。它使用AsyncStorage工作，但它不添加任何数据到bd在这里我有什么错误时提交我的表单
这是我发送给firebase的提交表单：
enter code heresubmitForm = async () => {
const reg = /^\+?3?8?(0\d{9})$/
if(!this.state.phone.match(reg)) {
Alert.alert('Error', 'Wrong phone number !')
} else if
浏览 0提问于2021-03-06得票数 0
2回答
我想要在页面之间使用react原生导航。我一共有三页。我可以从第一个->、第二个->第三页导航。
但是，从第三页开始，当我试图返回到第一页时，我得到了一个错误“未定义的不是一个对象(evaluating'_this2.props.navigation.navigate).。
在第三页中，与其他两页不同，我导入了一个类来导航回第一页，但是它给了我一个错误。下面是我的密码。
这是我的App.js：
import React, {Component} from 'react'
import {View,Text,StyleSheet,ScrollView,Imag
浏览 3提问于2018-07-05得票数 0
回答已采纳
我一直在使用“react-test-renderer”来测试react-native，主要是在它的函数上。最近我发现有一个用于react-native的测试库，它是@ that library /react-native。我想要做的是检查函数中是否调用了navigation.navigate或alert。我不知道这些库中有哪些可以做到这一点，以及如何做到这一点。
onSubmitPress = () => {
if (true) {
this.props.navigation.navigate('MainPage');
else {
showA
浏览 0提问于2020-06-02得票数 1
我是第一次接触react-native，我正在尝试实现react-stack-navigator，但函数createStackNavigator返回null。我一直在遵循一个教程，在相同的代码中没有这个问题，任何想法都将不胜感激。下面是我的错误： ? 下面是我的代码： import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from "react-navigation";
import { Home } from "
浏览 12提问于2020-01-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
