reactjs – 使用native native更改屏幕的背景颜色

发布时间：2020-12-15 20:20:04 所属栏目：百科来源：网络整理

导读：我使用堆栈导航器导航到一个视图.新屏幕有不同的背景颜色#E9E9EF,我不知道它来自哪里.我发现这个颜色是在react-navigation / lib / views / CardStack / Card.js中设置的. 我试图改变视图背景颜色,但它没有奏效 return ( View style={{backgroundColor: '#F5

我使用堆栈导航器导航到一个视图.新屏幕有不同的背景颜色#E9E9EF,我不知道它来自哪里.我发现这个颜色是在react-navigation / lib / views / CardStack / Card.js中设置的.
我试图改变视图背景颜色,但它没有奏效

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'
    })
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!