react-native - React native:createStackNavigator 与实际屏幕内容重叠(Android)
问题描述
我正在使用以下菜单创建示例酒店列表应用程序:
export const loggedInMenu = createMaterialBottomTabNavigator(
{
Hotels: {
screen: hotelDetailsScreen,
navigationOptions: {
tabBarLabel: "Hotels",
tabBarIcon: <Icon name="hotel" size={24} />
}
},
HotelsSearch: {
screen: HotelsSearch,
navigationOptions: {
tabBarLabel: "Search",
tabBarIcon: <Icon name="search" size={24} />
}
},
Favourites: {
screen: Favourites,
navigationOptions: {
tabBarLabel: "Hotels",
tabBarIcon: <Icon name="favorite" size={24} />
}
},
},
{
initialRouteName: 'Hotels'
}
);
export const hotelDetailsScreen = createStackNavigator(
{
Hotels: {screen: Hotels},
hotelDetails: {screen: hotelDetails},
},
{
initialRouteName: "Hotels",
headerLayoutPreset: "center",
navigationOptions: {
title: "Hotels",
headerTransparent: true,
headerStyle: {
backgroundColor: '#694fad'
}
}
}
);
该代码有效,但有一个例外是初始酒店屏幕标题与视图数据重叠。任何帮助表示赞赏。
检查以下输出:
解决方案
事实证明,这些文档具有误导性(至少对我而言)。我指定headerTransparent: true,
了不需要,因为我只想在屏幕上设置背景颜色。我将其删除并开始正常工作。
推荐阅读
- scale - 当单位从公制更改为英制时,Openlayers 内的值会发生变化
- azure - 使用个人 Microsoft 帐户登录 Oauth2 v2 失败
- arrays - Alternate for Array Sum Formula
- apache-spark - 在 Pypsark 中如何在 RDD 中获取不同的值
- amazon-s3 - 通过 Java API 列出 S3 文件夹,不包括文件
- java - 如何通过递归从数组中找到第 i 个布尔值?
- java - 我可以使用 Spring Boot 使用别人的 API 发出请求吗?
- javascript - 如何使用 angularjs 显示另一个文本值而不是显示来自 ng-repeat 的一个属性的现有值?
- sql - 如何根据 WHERE 子句中的 LAG() 结果进行过滤?
- node.js - 使用 js2xml 解析器时,\n 在 xml 响应的每一行末尾附加