RN中返回页面刷新

本文介绍在React Native中如何实现页面间的跳转,并讨论了不同情况下页面返回时是否需要刷新的处理方式,包括传递回调函数来触发状态更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在RN中当页面a=>页面b在有页面回到页面a,页面a不需要刷新时的跳转为

页面a

onPress={() => {

this.props.navigation.navigate('页面b',{datasour:data//无参数是省略})}}

页面b

onPress={() => {

this.props.navigation.navigate('页面a',{datasour:data//无参数是省略})}}

如果页面a向页面b跳转,页面b在转会页面a,页面a需要刷新时。需要页面a向页面b传递一个回调函数,通过这个回调函数能够对页面a进行setState刷新页面

页面a:

onPress={() => {

this.props.navigation.navigate('页面b', {

// info: info,//参数

callback: (() => { //回调函数

this.setState({// something: info})

})})}}

页面b:

onPress={() => {

this.props.navigation.navigate('页面a')

if (this.props.navigation.state.params.callback) {

this.props.navigation.state.params.callback()

}

}}

页面实现刷新

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值