react-native - 如何在反应导航中设置标题样式
问题描述
我正在尝试在react-navigation
Expo 自动生成对象的位置设置标题的样式。
我正在尝试设置标题背景和标题方向的样式。
我尝试了所有可能的地方,包括navigationOptions
但都失败了。
在下面的代码标签栏背景颜色已正确更改。但是对于标头,同样的方法失败了。
任何指导表示赞赏。
import React from 'react';
import { createStackNavigator, createBottomTabNavigator } from 'react-navigation';
import LinksScreen from '../screens/LinksScreen';
import SettingsScreen from '../screens/SettingsScreen';
const LinksStack = createStackNavigator({
Links: LinksScreen,
});
LinksStack.navigationOptions = {
tabBarLabel: "Links",
tabBarIcon: ...
};
const SettingsStack = createStackNavigator({
Settings: SettingsScreen,
});
SettingsStack.navigationOptions = {
tabBarLabel: "Settings",
tabBarIcon: ...,
};
export default createBottomTabNavigator(
{
LinksStack,
SettingsStack,
},
{
tabBarOptions: {
style: {
backgroundColor: '#123456',
},
}
},
);
解决方案
尝试这个:
static navigationOptions = {
title: 'Chat',
headerStyle: { backgroundColor: 'red' },
headerTitleStyle: { color: 'green' },
}
推荐阅读
- c# - How to refresh WPF AutomationElement with DataTemplate - Windows UI Automation
- .net - Can low priority I/O threads block the high priority threads?
- typescript - 'string | 类型的参数 undefined' 不能分配给“untitled”类型的参数 | 空 | 不明确的'
- python - 如何避免此列表中的舍入错误?
- javascript - 如何使用 thunk 根据 redux 状态有条件地显示小吃店?
- python-3.x - Pytest用户输入模拟
- apache-kafka - Kafka重试同一主题
- javascript - 带键盘的视频播放器控制
- java - 解析文本的 Java 方法仅针对正数返回 StringIndexOutOfBoundsException
- kubernetes - GKE 如何创建保留的公共或私有 gcp 地址以用于 LoadBalancer 服务?