我已经实现了抽屉式导航,但无法显示标题/操作栏
const RootStack = createDrawerNavigator(
{
Home: HomeScreen,
Details: DetailsScreen,
},
{
intialRouteName: 'Home',
navigationOptions: {
headerStyle : {
backgroundColor: '#f4511e',
},
headerTintColor: '#fff',
headerTitleStyle : {
color: 'white',
},
},
}
);
export default class App extends React.Component {
render() {
return <RootStack/>;
}
}
有没有办法既使用抽屉导航又使用标题栏?
最佳答案
您的 RootStack(Drawer) 必须在 StackNavigator 中,
const RootStack = createDrawerNavigator(
{
Home: HomeScreen,
Details: DetailsScreen,
},
{
intialRouteName: 'Home',
navigationOptions: {
headerStyle : {
backgroundColor: '#f4511e',
},
headerTintColor: '#fff',
headerTitleStyle : {
color: 'white',
},
},
}
);
const AppStack = StackNavigator({ RootStack : { screen: RootStack } });
export default class App extends React.Component {
render() {
return <AppStack/>;
}
}
更多信息 here .
关于react-native - react native createDrawerNavigator 与标题/操作栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51018180/