react-navigation goBack()传值

ViewA跳转到ViewB

import React from "react";
import { Button, Text, View } from "react-native";class ViewA extends React.Component {state = { selected: false };onSelect = data => {this.setState(data);};onPress = () => {this.props.navigate("ViewB", { onSelect: this.onSelect });};render() {return (<View><Text>{this.state.selected ? "Selected" : "Not Selected"}</Text><Button title="Next" onPress={this.onPress} /></View>);}
}

ViewB

import React from "react";
import { Button } from "react-native";class ViewB extends React.Component {goBack() {const { navigation } = this.props;navigation.goBack();navigation.state.params.onSelect({ selected: true });}render() {return <Button title="back" onPress={this.goBack} />;}
}

语法类似于React中子组件向父组件传值。

react-navigation goBack()传值相关推荐

解决React Navigation goBack()无效
import { StackActions } from "react-navigation"; const popAction = StackActions.pop({n: 1} ...
react navigation 中使用goBack()跳转到指定页面
一.适用场景: 在app端开发的时候,相反回到某一个页面的时候保持跳转页面的所有状态不更新,也就是说不触发新的生命周期. 例如:A-->B-->C-->D 要想从D页面直接返回到B页 ...
react navigation中使用goBack返回指定页面
goBack 首先, 现在看一下react navigation官网中对goBack的描述: goBack的参数为页面的key, 这个key是系统随机分配的, 而不是手动设置的routeName, 所 ...
Facebook力推导航库:React Navigation使用详解
本文来自Songlcy投稿:文章地址:http://blog.csdn.net/u013718120/article/details/72357698 一.开源库介绍今年1月份,新开源的react- ...
使用Redux在React Navigation App中管理状态
by Andrea Bizzotto 通过安德里亚·比佐托(Andrea Bizzotto) 使用Redux在React Navigation App中管理状态 (Managing State in ...
nuxt的asyncdata页面刷新params数据丢失_React navigation goBack方法返回刷新
react navigation version:5.x 刚开始写react-native发现用react navigation的goBack方法不会重新刷新要返回的页面,恰巧我想写的是修改资料的页面 ...
RN路由-React Navigation组件5.x-基本原理(中文文档)
##引言 React Native路由导航,有它就够了!该文档根据React Navigation文档翻译,有些内容会根据自己的理解进行说明,不会照搬直译,若发现理解有问题的地方,欢迎大家提点!由于本 ...
React Navigation 基本使用
React Navigation 基本使用参考资料 https://reactnavigation.org/docs/ 环境搭建 Minimum requirementsreact-native & ...
react-native this.props.navigation.goBack()的返回技巧
用户场景: 用户操作某一功能时,提示去登陆页面,从登陆页面跳到快速登录或者注册页面,快速登录或者注册完,需要跳回到用户原来操作浏览的页面利用goback返回多个页面登陆页面 _gotoScreen ...

react-navigation goBack()传值

react-navigation goBack()传值相关推荐

最新文章

热门文章