需要在react native中使用goBack()的帮助
在React Native中使用goBack()的帮助是用于导航栈的返回操作。当你在React Native应用中使用导航库（如React Navigation）进行页面导航时，可以使用goBack()方法返回上一个页面。
goBack()方法是导航库提供的一个函数，它可以在React Native中的组件中调用。它的作用是将用户导航回上一个页面，类似于浏览器的返回按钮。
使用goBack()方法的步骤如下：
- 导入所需的导航库组件和函数：
import { useNavigation } from '@react-navigation/native';- 在组件中获取导航对象：
const navigation = useNavigation();- 在需要返回的地方调用goBack()方法：
navigation.goBack();调用goBack()方法后，导航库会自动处理返回操作，将用户导航回上一个页面。
使用goBack()方法的优势是可以方便地实现页面间的导航和返回操作，提升用户体验。它适用于各种需要页面导航的场景，如应用程序的主页面、表单页面、详情页面等。
腾讯云提供了一系列与React Native开发相关的产品和服务，可以帮助开发者构建高效稳定的移动应用。其中，腾讯云移动开发平台（https://cloud.tencent.com/product/mps）提供了丰富的移动开发工具和服务，包括移动应用开发框架、移动推送、移动分析等，可以帮助开发者快速搭建移动应用并提供全面的支持。
请注意，以上答案仅供参考，具体的技术实现和推荐产品应根据实际需求和情况进行选择。
相关·内容
1回答
所以这里我有一个堆栈：
const GoBackStack = () => {
return (
<Stack.Navigator headerMode="none">
<Stack.Screen name="GoBack" component={GoBack} />
</Stack.Navigator>
)
}
我需要做的就是使用<GoBack any={any} />这样的属性来传输这个GoBack组件。如何在React Native
浏览 1提问于2020-12-23得票数 0
我是新来的土生土长的。我试图关闭静态navigationOptions中按钮上的屏幕，但会出现这样的错误
我的代码在这里：
import React from 'react';
import { Button, View, Text ,Image } from 'react-native';
import { createStackNavigator } from 'react-navigation'; // Version can be specified in package.json
import Mylistview from '
浏览 0提问于2018-08-27得票数 0
回答已采纳
1回答
React导航:自下而上过渡
、、、、
我在我的react-native项目中使用来处理我的导航和路由。
在我的例子中，我有一个ViewA和一个ViewB。
ViewA需要我在我的ViewB中填写的信息。
用户流是ViewA -> ViewB -> ViewA。
** VIEW A **
import React from "react";
import { Button, Text, View } from "react-native";
class ViewA extends React.Component {
state = { selected: false };
on
浏览 8提问于2017-12-28得票数 3
1回答
我想在离开屏幕(NewNews.js)之前提醒用户。它可以正常工作，但我不希望当他单击保存按钮(PreviewSave.js)时调用它。不再维护删除侦听器。
按下“保存”按钮后，将触发customAlert。我想删除保存函数(PreviewSave.js)中的侦听器，但它不起作用。
NewNews.js
let exitListener;
useEffect(() => {
exitListener = navigation.addListener('beforeRemove', e => {
e.preventDefault();
浏览 6提问于2022-05-31得票数 2
回答已采纳
我的应用程序上有闪屏，所以当我们从主页单击android后退按钮(而不是返回闪屏)时，我想退出应用程序。所以我想从react-native教程中实现这个方法。
if (!this.onMainScreen()) {
this.goBack();
return true;
}
return false;
有没有人可以帮我实现onMainScreen()和goBack()函数？谢谢你的帮助。
浏览 0提问于2017-09-16得票数 0
我正在使用Webview在React本地。
页眉和页脚不是webview，页眉中包含navigation.goBack()按钮。
但是它不工作，甚至连页脚都有navigation.navigate()按钮也能工作。这是我的密码。
import 'react-native-gesture-handler';
import * as React from "react";
import { ImageBackground, StyleSheet, Text, View, Image, TextInput, TouchableOpacity } from "
浏览 5提问于2020-11-25得票数 1
回答已采纳
我正在使用"@react-navigation/native": "^5.9.3",，并试图使用钩子，但不幸的是，当我试图弹出goBakc()时，我得到了错误的Invariant Violation: eventType argument is required.。
基本上，我的所有屏幕都在一个single stack中，我试图在我的子组件中使用钩子组件，比如说Header.tsx，它在整个项目中都被使用。
代码非常简单。
import { useNavigation } from "@react-navigation/native"
const
浏览 4提问于2021-04-01得票数 2
在navigationOptions中调用navigationOptions之后，应用程序崩溃了。这种情况只发生在Android设备上。在我的破译代码下面。
import React, { Component } from 'react';
import {
Button,
View,
Platform,
Text
} from 'react-native';
import { HeaderBackButton } from 'react-navigation-stack';
export default class Edit
浏览 4提问于2019-11-01得票数 0
回答已采纳
2回答
我正在使用和。
当我打开屏幕1，我有一个按钮来打开一个模式。在这种模式下，有一个导航按钮可以导航到屏幕2。
这是可行的，但模式并没有被驳回。然后导航动作发生在后面的模式(我可以通过背景看到动画)。我想导航到模态顶部的2屏幕，当我向后导航(navigation.goBack())时，我希望看到该模式仍然在屏幕1上打开。
我猜这和屏幕堆栈有关。我遗漏了什么吗？
屏幕1和2：
import React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import Mo
浏览 3提问于2021-01-08得票数 1
1回答
我正在使用react-navigation。我正在将props从一个react-native component传递到从react-navigation打开的modal。
export default class SomeComp extends Component {
...
render() {
const { navigate } = this.props;
return (
<TouchableOpacity
onPress={navigate("Modal", {data: ..., ...})}
浏览 1提问于2017-10-17得票数 6
回答已采纳
我为所有页面创建了通用的标题，所以创建标题组件，然后将该标题包含在signup.js组件中goback导航函数在signup.js页面中工作，但不工作标题组件获得未定义的对象navigate.goback错误
有没有人能给出类似的解决方案，我包含了组件
示例代码：
import React from 'react';
import { StyleSheet, Text, View, Image, ScrollView, TextInput,KeyboardAvoidingView, StatusBar } from 'react-native';
impor
浏览 1提问于2017-11-14得票数 0
StackRoutes.tsx组件(用于App.tsx)
export const StackRoutes = () => {
const Stack = createNativeStackNavigator()
return (
<NavigationContainer>
<Stack.Navigator initialRouteName={Path.introductionScreen}>
<Stack.Screen
name={Path.onBoardingChooseAliasSc
浏览 9提问于2022-09-21得票数 0
回答已采纳
我正在开发一个应用程序，但是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
如果用户已经导航到另一条路线，他可以被导航回上一页。如果用户已向后导航，则可以向前导航到上一页。 在react-native中，react-nativation提供了useNavigation钩子，因此我可以简单地执行以下操作： import React from 'react'
import { useNavigation} from 'react-navigation'
function Test()
{
const navigation = useNavigation()
return (
<div
浏览 71提问于2020-10-05得票数 1
下面是MainStack.js中的Stack：
import React from 'react'
import { createStackNavigator } from '@react-navigation/stack';
import Main from './Main'
import ScannerMarker from './ScannerMarker';
const Stack = createStackNavigator();
export default function MainStack() {
浏览 11提问于2022-03-21得票数 3
回答已采纳
我有两个屏幕，HomeScreen和AddScreen。当用户单击HomeScreen上的按钮时，他们会被定向到AddScreen。用户在AddScreen上完成表单后，我希望他们返回到HomeScreen。我正在使用react-navigation。以下是我尝试过的方法： import React, {useState} from 'react';
import {
View,
Text,
TouchableOpacity,
} from 'react-native';
import firebase from 'react-native
浏览 14提问于2020-04-13得票数 0
我有一页。屏幕如下
import React, { useState } from "react";
import { Button, Text, View } from "react-native";
export default function ViewA() {
const [val, setVal] = useState('')
return (
<View>
<Text>{val}</Text>
&l
浏览 3提问于2021-02-21得票数 0
回答已采纳
1回答
我有两个屏幕，屏幕A和屏幕B。我将屏幕B包括在屏幕A中。当我在屏幕B中时，我可以从设备的后退按钮导航回屏幕A。
但当我转到屏幕B并导航回屏幕A时，设备的后退按钮在屏幕A中不起作用。
屏幕A
import React, { Component } from 'react';
import { View, Button, BackHandler } from 'react-native';
import B from './B';
export default class A extends Component {
浏览 0提问于2020-09-15得票数 0
如何使用标题上的按钮在屏幕之间导航？当我尝试返回或使用标题按钮导航到其他页面时，我得到了相同的错误。屏幕上的按钮工作正常。 “未定义不是对象(计算'navigation.navigate') (设备)” “未定义不是对象(计算'navigation.goBack')” import 'react-native-gesture-handler';
import React from 'react';
import { Text, View, StyleSheet, Button } from 'react-native&
浏览 6提问于2020-10-04得票数 0
回答已采纳
我在react native中遇到了goBack的问题。This.props.navigation.goBack可以在TouchableOpacity上工作，但是当我向View元素添加背景色时，它停止工作。此外，颜色是不可见的-我在我的模拟器中没有看到任何变化。你知道为什么背景色会停止this.props.navigation.goBack吗？
const Header = ({onPressCloseArticle }) => (
<View style={{backgroundColor: 'black'}}>
<Text>
浏览 0提问于2019-08-22得票数 0
我的路由路径位于分隔的文件中，该文件只包含路由，仅此而已，这是我在其中导入的唯一文件，React-router-dom。问题是，我想在另一个js文件中指定一个按钮，它将执行goBack()函数，但我不想在这里导入react-router-dom，而是从主js文件继承react-router-dom。因此，我在我的App.js中添加了这一行(这是只有路由的主文件)
constructor(props) {
super(props);
this.goBack=this.goBack.bind(this);
}
goBack(){
t
浏览 0提问于2018-05-08得票数 0
回答已采纳
2回答
我最近升级了本机react，从0.24升级到0.26.2。我的应用程序运行和调试的铬精以前。自从升级到0.26.2，我的应用程序运行良好，但当我尝试‘远程调试JS’时，它会冻结。有没有其他人经历过这种情况，或者想出了一个解决方案？
不确定要共享哪些相关代码。以下是package.json：
"dependencies": {
"react": "15.0.2",
"react-native": "^0.26.2",
"react-native-lock": "^0
浏览 4提问于2016-05-27得票数 3
回答已采纳
我有一个Router.js来设置我的所有组件的反应导航。 当我单击component FloorScreen headerRight按钮时，将显示click alert。 现在，我想像this.props.navigation.navigate.goBack();一样更改它 Router.js： import React, { Component } from 'react';
import { Image, TouchableOpacity } from 'react-native';
import { createStackNavigator, creat
浏览 21提问于2019-01-24得票数 0
2回答
我已经修改了很多次代码，但是它仍然显示错误，没有显示任何东西，没有登录页面，也没有注册页面，我现在很困惑，请帮助。我是新来的反应本地人
app.js
导入反应从‘反应’；导入{ StyleSheet，视图，StatusBar }从‘反应-本机’；导入路由从‘./src/路由’；导出默认类应用程序扩展React.Component {呈现(){返回( )；} StyleSheet.create(容器：{ flex: 1，backgroundColor：‘01579b’，alignItems：'center'，justifyContent：'center'，})
浏览 2提问于2018-09-05得票数 2
2回答
键盘上方的TextBox
、、、
我刚开始使用React Native，我遇到了一个问题:当我在键盘上写字时，我的TextBox不能停留在键盘上方。 这些是来自应用程序的视觉效果 Screenshot 这是我的Signup.js import React, { Component } from 'react';
import {
StyleSheet,
Text,
View,
TouchableOpacity
} from 'react-native';
import Form from '../components/Form';
import Logo2 from'
浏览 20提问于2020-01-09得票数 1
回答已采纳
我对原生的反应还很陌生。我使用的是函数式组件，而不是运行良好的类。这里我不能使用构造函数，状态，生命周期方法等，所以我想创建一个类而不是函数，但没有成功。
功能组件(index.android.js)
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
Button,
View
} from 'react-native';
import {
TabNavigator
} from 'react-navigation&#
浏览 8提问于2017-05-28得票数 0
2回答
我有一个简单的反应本地项目在世博会，它推出一个网站使用。
以下是源代码：
import React from "react";
import { StyleSheet, View, SafeAreaView } from "react-native";
import { AntDesign } from "@expo/vector-icons";
import { WebView } from "react-native-webview";
export default function App() {
const go
浏览 6提问于2020-07-12得票数 4
回答已采纳
我正在使用react-native-paper的Appbar组件来响应本地应用程序。后点击工作良好，但应用程序图标不会来检查屏幕截图。请帮帮我。
<Appbar.Header style={{ backgroundColor: '#fff' }}>
<Appbar.BackAction onPress={this._goBack} />
<Appbar.Content
title="Login" />
</Appbar.Header>
浏览 0提问于2019-04-12得票数 1
这是我的问题的一个演示：https://snack.expo.dev/xtklvo6eM 我想从ScreenOne -> ScreenTwo -> ScreenThree -> goBack()转到ScreenTwo.... 但是在ScreenThree上调用navigation.goBack()会把我带回ScreenOne，而不是ScreenTwo。 有人能告诉我这是为什么吗？ import * as React from 'react';
import { Button, View } from 'react-native';
impor
浏览 12提问于2021-10-23得票数 0
回答已采纳
我正在创建一个react原生应用程序，现在我想在屏幕之间传递数据。如果我像这样传递数据"this.props.navigation.navigate('MyScreen1'，{MyData:'Hello this is a data'})“，它就正确地传递了数据。但是我想在goBack()中传递数据。如何在react native中使用"this.props.navigation.goBack()“方法将数据传递到另一个屏幕？
我在这里尝试了什么，我在屏幕上传递数据到其他屏幕，我在下面添加了代码，
this.props.navigation.g
浏览 53提问于2020-05-06得票数 0
回答已采纳
我用了React Native paper 。现在，我尝试返回选项卡中的withNavigation按钮，并收到错误。
不变冲突: withNavigation只能在导航器的视图层次结构上使用。包装组件无法从道具或上下文访问导航。
HomeScreen.js
import React from 'react'
import { View, StatusBar, Button} from 'react-native'
import { Subheading, withTheme } from 'react-native-paper'
imp
浏览 2提问于2019-12-11得票数 0
我试图将参数数据从第二个屏幕传递到第一个屏幕，但没有得到。我对原生的反应还很陌生。在谷歌上搜索，但由于反应本机版本更改代码不能正常工作。 这是第一个屏幕的代码 import React, { Component } from "react";
import { Button, Text, View } from "react-native";
export default class viewA extends Component {
constructor(props){
super(props);
}
state = { select
浏览 15提问于2019-12-16得票数 0
回答已采纳
我的设置：
(10B61))Homebrew (3.1.12)node (16.3.0)watchman (2020.8.17)cocoapods (1.18.1)Xcode( 10.1 )</code>H 19</code>iOS虚拟设备是一个iPhone 8-12.1<代码>H 210</code><code>H 111</code>命令行工具(Xcode 10.1<代码>H 220</code><code>F 221<//code>)
我对编程基本上是新手，刚开始学习R
浏览 3提问于2021-06-20得票数 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编写单元测试用例..我得到了以下错误
AlbumDetailView.js
import { View, Image } from 'react-native';
import { Button, Provider, Text } from 'react-native-paper';
import React from 'react';
import styles from '../style/AlbumDetailView.component.style';
export
浏览 10提问于2020-02-20得票数 2
回答已采纳
1回答
我只想从顶部给出更多的填充/边距，或者增加一些高度。我试过headerStyle:身高，但没有用。另外，毛边垫不起作用。我也在使用v6
"dependencies": {
"@react-navigation/bottom-tabs": "^6.4.0",
"@react-navigation/native": "^6.0.13",
"@react-navigation/native-stack": "^6.9.1",
<Stack.Navigator
浏览 4提问于2022-11-09得票数 1
回答已采纳
当我添加构造函数(Props)时，我得到了以下错误。这个错误是什么?我如何修复这个错误。是因为export default function LoginForm({navigation}){
代码如下：
import React, { useState, useEffect, Component } from 'react';
import { StyleSheet, View, Text,TouchableOpacity,TextInput, ActivityIndicator,Linking } from 'react-native';
import { L
浏览 0提问于2020-08-27得票数 0
所以场景是，我想在我的应用程序的顶部实现一个GoBack图标，它会返回到上一页。我正在使用堆栈导航器，并禁用了标头。所以我需要一个返回按钮。我决定为此做一个组件，这是我的代码，
import { Ionicons } from '@expo/vector-icons';
function GoBack(){
return (
<Ionicons onPress={()=>this.props.navigation.goBack()} name="md-arrow-back" size={24} color="#0c8
浏览 0提问于2020-05-11得票数 0
我正在使用React Native 0.61.x中的React Navigation5.x。目标是让导航的goBack功能表现得像安卓的默认后退按钮。在下面的示例中，用户登录到配置文件页面，它位于StackNavigator内部。 单击该按钮将导航到包含两个选项卡的BottonTabNavigator。在标签之间切换后，我希望goBack的行为类似于安卓的硬件后退按钮，它可以将用户导航到最后一个可见的标签。当BottomTabNavigator的历史堆栈为空时，它会转到配置文件页面。但是，单击StackNavigator标题中的后退箭头将再次导航回起始页。 我尝试分派goBack事件，而不是
浏览 17提问于2020-04-01得票数 0
我在我的react原生应用中使用了新的react导航2.16.0。
我有欢迎(登录和注册)屏幕，然后是主栈。主堆栈包括成功验证(login\register)后的所有屏幕。
MainStack = createStackNavigator(
{
Welcome: {
screen: Welcome, navigationOptions: {
gesturesEnabled: false,
}
浏览 1提问于2018-09-25得票数 1
我刚刚开始在iOS模拟器上使用React Native进行开发。我可以从一个页面导航到另一个页面，但是当我按back按钮将用户带到上一个页面时，它可以工作，但没有默认的iOS转换样式。
import React, {Component} from 'react';
import {Platform, StyleSheet, View} from 'react-native';
import { Icon,Container, Header, Content, List, ListItem, Thumbnail, Text, Left, Body, Right,
浏览 0提问于2018-11-01得票数 0
3回答
我有一个集成到我的应用程序中的TypeForm，并且此类型的表单在WebView中打开。这个过程就像我注册时，在WebView中打开一个类型表单。在表单提交时，我希望它被重定向到主屏幕。
下面是我的代码：
import React, { Component } from 'react';
import {
StyleSheet,
Text,
View,
TouchableOpacity,
ScrollView,
WebView,
Linking
} from 'react-native';
import Constants from
浏览 18提问于2018-06-17得票数 1
我有一个简单的疑问，我希望有人能帮我解决。我有一个简单的应用程序，它有一个主屏幕，在那里加载我从SQLite数据库获得的所有数据，但是，当我转到‘添加到数据库屏幕’并在数据库中添加一些数据和记录时，我使用一个函数返回到前一个屏幕(props.navigation.goBack())。 不幸的是，当我到达屏幕A时，我的钩子没有‘刷新’或更新数据库中的数据。有没有办法让它刷新屏幕A，以便对数据库进行新的调用，并用新数据刷新数据？ ps:为了调用数据库，我使用today date来获取查询中的数据，所以我的日期不会更新。 下面是我的代码： ScreenA.js import React, { us
浏览 17提问于2020-04-11得票数 4
回答已采纳
我正在使用的反应导航在一个反应-本地应用程序。因此，我跟踪了的文档，使用这个片段实现了定制Android按钮的行为。
屏幕One.js
import React, {useCallback} from 'react';
import {useFocusEffect} from '@react-navigation/native';
import {
View,
Text,
BackHandler,
} from 'react-native';
export function ScreenOne({navigation}) {
use
浏览 1提问于2020-12-04得票数 1
，我有ScreenA来单击Next ScreenB，然后返回到屏幕A，不调用函数componentWillMount()
ScreenA -> Next -> ScreenB -> Back() -> ScreenA
如何在Back Action中重放Rout屏幕
类ScreenA
import React from "react";
import { Button, Text, View } from "react-native";
class ScreenA extends Component {
constructor
浏览 0提问于2018-06-19得票数 3
回答已采纳
我有一个名为Header的组件，如下所示：
import React from 'react'
import {StyleSheet, TouchableOpacity, View, StyleProp, ViewStyle} from 'react-native'
import {Text} from '..'
import Icon from 'react-native-vector-icons/MaterialIcons'
import {theme} from '@app/presentations/utils/s
浏览 4提问于2022-04-08得票数 1
1回答
我使用react本机在android中进行开发。我想上传一个文件或照片到服务器.And，我使用了react本机文件上传器，我得到了错误：
未定义的对象不是对象(计算'_reactNative.NativeModules.FileUploader.upload')， )。
帮帮忙，谢谢！贝娄是我的密码：
import React from 'react';
import {
View,
Text,
Image,
StyleSheet,
TouchableOpacity,
Platform,
浏览 1提问于2016-08-31得票数 2
3回答
我在我的React Native应用程序中使用react-navigation@4.0.10，有一个Login屏幕和两个TabNavigator屏幕。从Login屏幕登录会将我带到TabNavigator_1，如果我从TabNavigator_1注销，我只需使用this.props.navigation.goBack()。问题是，为了进入TabNavigator_2，我在TabNavigator_1中点击了一个触发this.props.navigation.navigate('TabNavigator_2')的按钮，所以TabNavigator_2现在在堆栈的顶部，调用this
浏览 3提问于2020-06-03得票数 2
我正尝试在一个安卓项目上使用react native fs，但每次我使用它时都会显示一个错误"can‘t read property rnfsfiletyperegular of undefined".I尝试再次安装它，当我运行"react-native link react-native-fs“命令时，它显示了这个错误"react-native:文件npm\react-native.ps1无法加载，因为在这个系统上运行脚本是禁用的。”.Can有人请帮助。
浏览 68提问于2020-09-14得票数 0
回答已采纳
我在从原始屏幕之外的自定义组件调用时遇到了问题，特别是我现在正在处理的那个组件试图在我创建的自定义头组件的后箭头中调用goBack() (下面的代码)。单击后箭头时收到的错误消息是：
undefined is not an object (evaluating '_this2.props.navigation.goBack')
以下是代码：
// HeaderText.js
import React from 'react';
import { View, Text, StyleSheet, TouchableOpacity, Platform } from &
浏览 2提问于2018-11-07得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
