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