官方文档:
https://reactnavigation.org/docs/zh-Hans/2.x/getting-started.html
效果图:
项目结构:
安装模块:
cd 到项目目录下
yarn add react-navigation@2.18.3
源代码:
TopIndex 配置路由,Tab1,Tab2,Tab3分别是一个页面
TopIndex代码:
import React from 'react';
import { Button, Text, View } from 'react-native';
import { createMaterialTopTabNavigator,} from 'react-navigation'; // 1.0.0-beta.27
import Tab1 from './Tab1'
import Tab2 from './Tab2';
import Tab3 from './Tab3';
export default createMaterialTopTabNavigator(
{
Tab1: { sc