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);

你可能感兴趣的:(ReactNative Navigation 3.x)