/react-native-back

A back adapter for react-native

react-native-back

react-natvie������的路由中,目前用的比较多的是react-navigation,然而,这个框架没有提供对android物理返回键的支持。 在实际的项目中,出现了这些需求: 1、需要指定返回到某个页面,当然肯定是需要通过页面的名称来判断的。 2、需要判断某个页面是否存在,如果存在则返回到这个页面,如果不存在,则push到这个页面 3、需要在某个页面返回的时候展示一个确认对话框,用户点击了确认才能做返回动作 4、用户点击了android的物理返回键,要求功能与点击了页面的返回按钮功能相同。

这些功能都是使用十分频繁的,然而在react-navigation中居然没有提供对应的方法,这个库为此而产生。

Feature

提供组件,功能要求: 1、适配android的物理返回键,不能相互冲突

例如:

MyComp:

class MyComp extends Component{
    render(){
        return (
            <Back>
            </Back>
        );
    }
}
<Back>
    <MyComp>

    </MyComp>
</Back>

如果采用嵌套的模式,只响应里面的back,这样就能支持比如某个页面弹出了一个对话框,然后按android的物理返回键取消掉这个对话框。

2、使用简单,只需要包含一下整个页面组件就行

<Back target="要返回的页面" pushWhenNotExists={true} confirm="确定要xx吗?" renderButton={_renderButton}>
    <MyComp />
</Back>

启动提供四个参数target/pushWhenNotExists/confirm/renderButton,都是可选的

3、不需要redux支持,仅仅依赖react-navigation