当按下标题后退按钮时,对本地路由器流量执行反应以执行保存功能

时间:2019-04-08 16:31:15

标签: react-native react-native-router-flux

例如,当您启动操作页面时,我找到了一种方法来执行此操作Actions.Home({onBack:()=> console.log('custom back callback')});但是我认为这对我不起作用。以下是客户端如何完成应用程序的屏幕模型:enter image description here,其中后退按钮将用作数据输入页面的保存按钮。

我不相信我在启动能够处理他们输入的数据的页面时可以传递一个函数。

我需要处理的数据并保存,然后继续返回上一页,或者,如果数据无效,那么我想说“保留并进行更改,还是保留而不保存?”

一旦我登陆页面并可以访问将要使用的字段,该如何提供onBack函数?

2 个答案:

答案 0 :(得分:0)

我找到了(或至少 a )种方法。在componentDidMount中,您希望刷新页面并在可以访问它之后提供onBack函数:

componentDidMount() {
    setTimeout(()=> {
        Actions.refresh({onBack:()=>this.onBack()})
    });
}

答案 1 :(得分:0)

在render()方法中,您可以添加一个包含后退按钮的导航栏,当单击该后退按钮时,将调用“ onTap()”函数,然后您可以在onTap()函数中编写任何内容。要返回,可以使用Actions.pop()方法。

因此,您可以像处理数据一样操作Actions.pop(),否则可以做其他事情。