繁体   English   中英

为什么Android标头在React Native中不会更改颜色?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM