【react-native-router-flux】多级回退传值刷新页面

app开发中经常会遇到带参返回多级并刷新页面的功能,如Scene A(列表) -> Scene B(新增后下一步) -> Scene C(保存) -> Scene A(刷新列表)。

react-native-router-flux目前版本
"react-native-router-flux": "^4.0.0-beta.31",
尝试了几个解决方案:

1.Actions.pop({popNum:2, refresh:({'key':value})})

结果:无法反向跳转,单独测了下Actions.pop({popNum:2})也不能返回,不知道popNum这个是不是真的有,我测试是不行的。

2.Actions.popTo('home')

结果:可以返回,但是无法传参。

3.Actions.pop({sceneKey:'home', refresh:({'key':value})})

结果:无法反向跳转,只是单纯刷新了页面。

4.Actions.popTo('home', {'key':value})

结果:成功返回,但是未刷新页面,componentWillReceiveProps()也未被触发,传参失败。

试了这4个解决方案后感觉头很痛,不会是有bug吧?于是去github逛了一下,https://github.com/aksonov/react-native-router-flux/issues/2621找到了下面的解决办法,勉强实现了需求,但我觉得还不是最优解,想要最终方案还是等官方更新修改这个问题吧!

Actions.popTo('home'); //先popTo到要返回的页
Actions.refresh({ propName: value }); //再传值刷新页面

这个刷新是在返回后的页面上刷新了。也是很神奇,居然还可以这么写!

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

公西雒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值