我在应用程序的顶部构建了带有静态导航选项的应用程序。然后,我将toptabnavigator面向底部,以进行另一组导航。
当我添加了一个用于登录和注册的switchnavigator,然后添加了主要的应用程序组件。
当我单击登录/注册层以转到我的应用程序时,主应用程序不再显示静态导航头。
const MainStackNavigator = createSwitchNavigator({
Login: {
screen: Login
},
Register: {
screen: Register
},
Main: {
screen: AppTabNavigator
}
});
const AppRun = createAppContainer(MainStackNavigator);
下面是Main:AppTabNavigator。
export default class NavigationTitle extends Component {
static navigationOptions = ({}) => ({
headerStyle: {
backgroundColor: 'black'
},
headerTintColor: 'white',
headerTitleStyle: {
fontWeight: '300',
color: 'white'
},
headerLeft: (
<Icon...
/>
),
title: 'app-name',
headerRight: (
<Icon...
/>
)
});
render() {
return <AppTabContainer screenProps={this.props.screenProps} />;
}
}
const AppTabNavigator = createMaterialTopTabNavigator(
{
HomeTab: {
screen: DataSearch
},
UploadTab: {
screen: UploadTab
}
},
{
tabBarPosition: 'bottom',
swipeEnabled: false,
tabBarOptions: {
tabStyle: {},
style: {
display: 'flex',
...Platform.select({
android: {}
}),
backgroundColor: 'black'
// position: 'absolute'
},
indicatorStyle: {
height: 0
},
activeTintColor: 'white',
inactiveTintColor: '#d1cece',
showLabel: false,
showIcon: true
}
}
);
const AppTabContainer = createAppContainer(AppTabNavigator);
我希望看到带有名称和两个图标的标题。