我正在尝试通过 ThemeProvider 为我的应用程序设置导航栏背景颜色。我应该针对什么组件来设置样式。
import { ThemeProvider } from "react-native-elements";
const theme = {
ListItem: {
titleStyle: { fontSize: 30, color: "red" },
subtitleStyle: { color: "#336699", fontStyle: "italic" }
},
Header: {
backgroundColor: "blue",
color: "red"
}
};
App 组件的 Render :
render(){
return (
<ThemeProvider theme={theme}>
<AppNavigator />
</ThemeProvider>
);
}
可以看到列表项样式,但未设置标题背景颜色。如果我更改屏幕的导航选项,我可以在那里手动设置颜色。但我想避免在每个屏幕上都这样做。
HomeScreen.navigationOptions = ({ navigation }) => {
return {
title: "Title",
headerStyle: {
backgroundColor: "red"
}
};
};