[英]Why Android header does not change color in React Native?
我通过screenProps在我的应用程序中实现了暗模式。 在iOS上,它工作正常,除了标题导航器外,一切在Android上都会更改颜色。 我有一个darkMode布尔型screenProps,因此当App.js中的此变量更改时,我将Views和Text元素设置为更改,这很棒,但是我无法使其与标头一起使用。 但标题标题也应更改颜色,但不能更改。
这是defaultNavigationOptions,可在iOS上使用,但不能在Android上使用
{
defaultNavigationOptions: ({navigation, screenProps}) => ({
headerStyle: {
borderBottomColor: '#CED0CE',
backgroundColor: screenProps.darkMode ? "#212121" : "#fff"
,elevation: 0,
shadowOpacity: 0,
},
}),
}
而且我的屏幕上也有这个NavigationOptions也不起作用,所以我的所有麻烦都在于导航标题,但是例如Drawer导航器和底部导航器因出现o问题而改变了颜色,所以这就是我不明白的原因。
static navigationOptions = ({navigation, screenProps}) => {
return {
headerTitle: (
<HeaderTitle text={'Népszerű'} darkMode={screenProps.darkMode} />
),
headerLeft: <MenuIcon openDrawer={() => navigation.toggleDrawer()} />,
headerRight: (
<HeaderProfileImage
image={{uri: URL + '/media/' + screenProps.profile_image}}
navigate={() =>
navigation.navigate('Profile', {
current_profile: true,
})
}
/>
),
};
};
同样奇怪的是,作为screenProps的配置文件图像可以完美加载,所以这不是问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.