Android 升级到react native 0.61.0后,图像覆盖元素的背景色

Android 升级到react native 0.61.0后,图像覆盖元素的背景色,android,reactjs,react-native,Android,Reactjs,React Native,从0.59.9版升级到0.61.0版后,我的应用程序中的react native library出现了一个非常奇怪的问题。这个问题只发生在Android模拟器和设备上 首先,我要指出的是,自从第一次启用该应用程序以来,该问题从未发生过。最常出现在登录应用程序后。处理数据后,应用程序中元素的呈现会意外更改 问题看起来像: 正如您所见,图像覆盖了背景色,但奇怪的是,它没有覆盖内部的铭文。你们有谁遇到过这样的问题吗?如何解决?这是什么原因造成的 我把代码片段放在下面。我再次强调:在初始化应用程序时

从0.59.9版升级到0.61.0版后,我的应用程序中的react native library出现了一个非常奇怪的问题。这个问题只发生在Android模拟器和设备上

首先,我要指出的是,自从第一次启用该应用程序以来,该问题从未发生过。最常出现在登录应用程序后。处理数据后,应用程序中元素的呈现会意外更改

问题看起来像:

正如您所见,图像覆盖了背景色,但奇怪的是,它没有覆盖内部的铭文。你们有谁遇到过这样的问题吗?如何解决?这是什么原因造成的

我把代码片段放在下面。我再次强调:在初始化应用程序时不会出现问题,在升级库之前,一切都正常工作

const ProfileHead = () => (
   <View>
      <LinearGradient
        colors={["rgba(3, 7, 20, 0)", "#030714"]}
        style={styles.backgroundGradient}
        start={{ x: 0.0, y: 0.0 }}
        end={{ x: 0.0, y: 1.0 }}
        locations={[0, 1]}
      />
      <Image
        source={require("../../assets/images/focusly_08.jpg")}
        style={styles.imageBackground}
      />
 </View>
);

<MainContainer style={{ paddingTop: 0 }} navbarHidden={true}>
  <StretchScroll
    stretchHeight={300}
    stretchComponent={<ProfileHead />}
    style={styles.scroll}
  >
    <View style={styles.userProfile}>
      <ProfileOval title={user.name ? user.name.charAt(0) : ""} />
      <Header style={styles.header}>{user.name}</Header>
    </View>
 ...
backgroundGradient: {
   position: "absolute",
   width: Dimensions.get("window").width,
   height: 200,
   zIndex: 2,
},
imageBackground: {
   width: Dimensions.get("window").width,
   position: "absolute",
   height: 200,
},
scroll: {
   zIndex: 3,
},
userProfile: {
   alignItems: "center",
   marginTop: 130,
},
尝试升级到

根据变更日志:

此版本修复了Android上的问题,并改进了StatusBar API以更好地支持iOS 13暗模式


尝试升级到@AyushGupta Man,你救了我一天!请把这个建议作为这个问题的答案,我将它标记为正确答案!谢谢!