×

react-native-navigator-router整合ReactNative和ReactRouter组件

消耗积分:2 | 格式:zip | 大小:0.10 MB | 2022-06-24

邹俩珍

分享资料个

授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发

软件简介

本项目用来整合ReactNative和ReactRouter两个组件。React Native中提供了页面栈管理和导航的组件Navigator,为页面的生命周期管理和页面导航跳转提供了动画容器的支持。React Router提供了为React项目的路由导航支持。通过使用React Native Navigator Router可以将两个组件整合起来,在React Native项目中实现根据URL进行界面导航跳转,并且拥有近乎原生效果的动画。

使用方式很简单:

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { createMemoryHistory, Router, IndexRoute, Route } from 'react-router';
import { createNavigatorRouter } from 'react-native-navigator-router';

class App extends Component {
  render() {
    return (
      
        
          
          
          
        
      
    );
  }
}

AppRegistry.registerComponent('Example', () => App);

需要跳转到新页面时,只需要使用React Router进行转跳即可:

this.context.router.push('/about')

目前该组件以及应用于生产环境的App中,并已经在市场上架。

 

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !