我在使用React Navigation
时遇到TabNavigator
的问题,而不是看到第一个屏幕(欢迎屏幕)并看到屏幕底部的标签导航器,只有一个空屏幕。反应导航(TabNavigator)不起作用
我这样做:“故宫安装--save反应导航”在该项目中。 我做错了什么?
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { TabNavigator, StackNavigator } from 'react-navigation';
import AuthScreen from './screens/AuthScreen';
import WelcomeScreen from './screens/WelcomeScreen';
export default class App extends React.Component {
render() {
const MainNavigator = TabNavigator({
welcome: { screen: WelcomeScreen },
auth: { screen: AuthScreen}
});
return (
<View style={styles.container}>
<MainNavigator/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
尝试只返回MainNavigator而不是用额外视图进行包装。 –
谢谢@EdgarAroutiounian,它现在正常运作!你可以写一个答案,所以我可以在Stackoverflow中接受它。 –