博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react-navigation-easy-helper
阅读量:6141 次
发布时间:2019-06-21

本文共 1713 字,大约阅读时间需要 5 分钟。

本组件旨在不更改源码情况下,简单配置即可实现一些复杂的功能。如在任意位置进行跳转、根据路由名字返回指定页面、简化参数的获取、快速点击的拦截、统一页面跳转的拦截等。

  • 安装:

    npm install react-navigation-easy-helper --save or yarn add react-navigation-easy-helper
  • 使用:

import {configRoute,addToRouteStack,configRoute} from 'react-navigation-easy-helper'//首先需要在之前的导航配置文件中用configRoute包裹参数  export const AppNavigator = StackNavigator(  configRoute({    LaunchPage: {screen: LaunchPage},    Test2Page: {screen: Test2Page},    Test3Page: {screen: Test3Page},    Test4Page: {screen: Test4Page},    LoginPage: {screen: LoginPage},}), {    initialRouteName: 'LaunchPage'}); //在任意地方就可以这样使用RouteHelper.navigate('Test2Page', {params: '我是参数'})//返回指定页面RouteHelper.goBackTo('Test2Page')//在注册的页面可以添加回调 componentDidFocus(){    console.log('componentDidFocus',arguments) } componentWillBlur(){    console.log('componentWillBlur',arguments) }   //跳转拦截器用法    let needLoginPage = ['Test3Page'];            let noLogin = true;            RouteHelper.routeInterceptor = (routeName, params) => {                if (noLogin && needLoginPage.indexOf(routeName) !== -1) {                    // RouteHelper.navigate('LoginPage', {                    //     routeName,                    //     params                    // });                    RouteHelper.push('LoginPage', {                        successCallBack: () => {                            noLogin = false;                            RouteHelper.push(routeName, params)                        }                    });                    return false;                }                return true            };            RouteHelper.navigate('Test3Page', {params: '我是参数'})                        //其它具体用法见example

.

转载于:https://www.cnblogs.com/crazycode2/p/9472498.html

你可能感兴趣的文章
手把手教你----使用Nuget管理自己的项目库
查看>>
trubleshoting方式浅谈
查看>>
编目DB2数据库(原创)
查看>>
企业开发中选择logback而不是log4j的理由
查看>>
信息抽取的五个层次
查看>>
IOS开发--横向流水布局实现
查看>>
【DATAGUARD】手工恢复备库日志中断
查看>>
Kettle访问IDH2.3中的HBase
查看>>
jQuery网页背景灯光闪烁特效
查看>>
【转载】JVM类加载机制小结
查看>>
Android Studio(七):项目从Eclipse到Android Studio迁移
查看>>
在Solr中使用中文分词
查看>>
Eclipse之CTRL+左键直接进入方法函数Implementation
查看>>
groovy/java自实现json解析器(2)JsonObject
查看>>
Linux IP_FORWARD introduce
查看>>
ThinkPHP getBy查询
查看>>
几条简单SQL的系统级抽象
查看>>
Android图片压缩(质量压缩和尺寸压缩)
查看>>
nilfs (a continuent snapshot file system) used with PostgreSQL
查看>>
【SICP练习】150 练习4.6
查看>>