你好，谢谢指导。我路由都是使用createStackNavigator构建的，代码如下：
/**
@author taony
@description Navigation
@since 2018-05-22
*/
import React, {Component} from 'react';
import {Platform} from 'react-native';
import {createStackNavigator, createBottomTabNavigator} from 'react-navigation';
import Icon from 'react-native-vector-icons/Ionicons';
import Home from '../home/Home';
import Module from '../modules/Module';
import Apply from '../app/App';
import My from '../my/My';
import Others from '../common/Others';
import Login from '../login/Login';
const tabHome = createStackNavigator({
Home: {
screen: Home,
},
});
const taabModule = createStackNavigator({
Module: {
screen: Module
}
});
const tabApply = createStackNavigator({
Apply: {
screen: Apply
}
});
const tabMy = createStackNavigator({
My: {
screen: My
}
});
const BottomTabNavigator = createBottomTabNavigator(
{
Home: {
screen: tabHome,
navigationOptions: ({navigation}) => ({
tabBarLabel: '首页',
tabBarIcon: ({tintColor}) => (<Icon name='md-home' size={25} color={tintColor}/>),
}),
},
Module: {
screen: taabModule,
navigationOptions: ({navigation}) => ({
tabBarLabel: '模块',
tabBarIcon: ({tintColor}) => (<Icon name='md-apps' size={25} color={tintColor}/>),
}),
},
Apply: {
screen: tabApply,
navigationOptions: ({navigation}) => ({
tabBarLabel: '应用',
tabBarIcon: ({tintColor}) => (<Icon name='md-appstore' size={25} color={tintColor}/>)
}),
},
My: {
screen: tabMy,
navigationOptions: ({navigation}) => ({
tabBarLabel: '我的',
tabBarIcon: ({tintColor}) => (<Icon name='md-person' size={25} color={tintColor}/>),
}),
},
},
{
backBehavior: 'none',
tabBarOptions: {
activeTintColor: '#6699FF',
inactiveTintColor: '#999999',
style: {
backgroundColor: '#F8F8F8'
},
indicatorStyle: {
opacity: 0
},
tabStyle: {
padding: 0
},
labelStyle: {
fontSize: 12,
},
},
}
);
export const StackNavigator = createStackNavigator(
{
Index: {
screen: BottomTabNavigator,
},
Others: {
screen: Others,
},
Login: {
screen: Login,
},
},
{
initialRouteName: 'Login',
headerMode: 'screen',
mode: Platform.OS === 'ios' ? 'modal' : 'card',
navigationOptions: {
headerStyle: {
backgroundColor: '#6699FF',
height: 0,
},
headerTintColor: '#ffffff',
headerTitleStyle: {
fontWeight: 'normal',
},
},
}
);
首先打开的是登录页面，然后在登录页面后点击登录按钮后使用createStackNavigator的this.props.navigation.navigate('Index');进入到主页。是这样的一个情况，不是直接使用router的。
