1:目录
![](https://i-blog.csdnimg.cn/blog_migrate/f20c0e38ff2b5a234c50401ecd95ed3c.png)
2:App.js页
import {AppStackNavigator} from "./navigations/AppNavigators";
export default AppStackNavigator;
3:AppTabNavigators.js(导航页)
import React from 'react';
import {
createStackNavigator,
createTabNavigator,
createDrawerNavigator,
} from 'react-navigation';
import Ionicons from 'react-native-vector-icons/Ionicons';
import Welcome from '../js/pages/WelcomPage';
import Page1 from '../js/pages/Page1';
import Page2 from '../js/pages/Page2';
import Page3 from '../js/pages/Page3';
//底部导航
const AppTabNavigators =createTabNavigator({
Page1: {
screen:Page1,
navigationOptions: {
tabBarLabel: 'page1',//底部标题
tabBarIcon: (({tintColor, focused}) => (//底部图标
<Ionicons
name={focused?'ios-home':'ios-home-outline'}
si