我使用堆栈导航器导航到 View 。新的屏幕有不同的背景颜色#E9E9EF
,我不知道它来自哪里。我发现这个颜色是在react-navigation/lib/views/CardStack/Card.js中设置的。
我尝试更改 View 背景颜色,但没有成功
return (
<View style={{backgroundColor: '#F5FCFF'}}>
</View>
)
我还尝试在 StackNavigator 中使用此代码更改卡片样式,但颜色没有改变
Other: {
screen: AppOtherContainer,
cardStyle: {backgroundColor: 'red'},
navigationOptions: ({navigation}) => ({
title: navigation.state.params.title
})
}
最佳答案
尝试将tintColor
添加到您的导航选项
static navigationOptions = {
title: navigation.state.params.title,
header: navigation => ({
titleStyle: {
color: '#FFFFFF'
},
tintColor: '#F5FCFF'
})
}
关于reactjs - 使用 React Native 更改屏幕的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47071716/