React native 反应导航中心标题内容并添加垂直填充
使用以下软件包和版本: 反应导航:4, 反应:16.9.0, 反应本机: 我在标题中的内容垂直居中以及在标题中添加额外的垂直填充时遇到问题。我的标题与此类似: 您可以看到,在模拟器(iPhoneX)中,标题上方似乎有额外的填充。类似地,在iPhone 8模拟器中: 我的导航代码当前如下所示:React native 反应导航中心标题内容并添加垂直填充,react-native,react-native-navigation,React Native,React Native Navigation,使用以下软件包和版本: 反应导航:4, 反应:16.9.0, 反应本机: 我在标题中的内容垂直居中以及在标题中添加额外的垂直填充时遇到问题。我的标题与此类似: 您可以看到,在模拟器(iPhoneX)中,标题上方似乎有额外的填充。类似地,在iPhone 8模拟器中: 我的导航代码当前如下所示: const somePageStackNavigator = createStackNavigator({ my_page: { screen: SomeComponent, },
const somePageStackNavigator = createStackNavigator({
my_page: {
screen: SomeComponent,
},
...
}, {
defaultNavigationOptions: {
headerLeft: () => (<View><Text>Left</Text></View>),
headerRight: () => (<View><Text>Right</Text></View>),
headerStyle: {
// ... padding, margin, flex, etc. don't work
}
},
});
const somePageStackNavigator=createStackNavigator({
我的主页:{
屏幕:SomeComponent,
},
...
}, {
默认导航选项:{
标题左:()=>(左),
headerRight:()=>(右),
头型:{
//…填充、边距、弹性等不起作用
}
},
});
尝试在headerTitleContainerStyle
以下是示例代码:
createStackNavigator({
主页:{
屏幕:主屏幕,
导航选项:{
头型:{},
headerTitleAlign:“中心”,
标题样式:{},
headerTitleContainerStyle:{
marginBottom:10,
},
},
},
}
@attila它已经在中间了,因为在导航栏上方有20像素的状态栏,它是白色的,不可见,这就是为什么它看起来不在中间,否则它就在中间。这是我从您的屏幕截图中得到的建议