ReactNative Navigation 3.x

安装:

npm install --save react-navigation

npm install --save react-native-gesture-handler

react-native link react-native-gesture-handler

安卓MainActivity中添加代码:

@Override

protected ReactActivityDelegate createReactActivityDelegate() {

    return new ReactActivityDelegate(this, getMainComponentName()) {

        @Override

        protected ReactRootView createRootView() {

            return new RNGestureHandlerEnabledRootView(MainActivity.this);

        }

    };

}

使用eg:

import React, {Component} from 'react';

import {createAppContainer, createStackNavigator} from 'react-navigation'

import HomeScreen from "./HomeScreen";

import Expand from "./Expand";

const AppNavigator = createStackNavigator(

    {

        HomeScreen: {

            screen: HomeScreen,

            navigationOptions: {

                header: null

            }

        },

        Expand: {

            screen: Expand,

            navigationOptions: {

                header: null

            }

        },

    },

    {

        initialRouteName: 'HomeScreen'

    })

export default createAppContainer(AppNavigator);

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇文章来自npm react-native-navigation 中的说明。 git上的文档和源码不匹配,所以贴...
    taiji1985阅读 11,574评论 1 6
  • 持续更新中...... 一套企业级的 UI 设计语言和 React 实现。 https://mobile.ant....
    日不落000阅读 11,135评论 0 35
  • 写给2019年的自己: ❤️不怕岁月流逝,只怕负此生。 ❤️我们还拥有健康,要珍惜。 ❤️如果这世上真有奇迹,那就...
    Cathelian阅读 1,040评论 0 0
  • 大盘 3大指微涨,上证50微跌,国家队无太大动作 领涨板块依然是雄安新区,成交量875亿,依然为两市最热门题材,次...
    我不叫习习中阅读 1,202评论 0 0
  • 最重要的就是让工程找到内核头文件,以及认识一些标识 具体做法参考这篇文章
    Neucrack阅读 4,093评论 0 0