如何修复react native for android中的提升阴影问题
我试图在react native中显示视图周围的阴影 我试过这个如何修复react native for android中的提升阴影问题,android,react-native,android-elevation,Android,React Native,Android Elevation,我试图在react native中显示视图周围的阴影 我试过这个 <View style={{ flex: 0.3, margin: 4, ...Platform.select({ ios: { shadowColor: '#000', shadowOffset: {width: 0, height: 4}, shadowOpacity:
<View
style={{
flex: 0.3,
margin: 4,
...Platform.select({
ios: {
shadowColor: '#000',
shadowOffset: {width: 0, height: 4},
shadowOpacity: 0.4,
},
android: {
elevation: 2,
},
}),
}}>
它在iOs上运行得很好,但在android上却没有效果。
有一个名为react native shadow的库可以在iOs和android上完美运行,但是如何在不使用任何第三方库的情况下修复android中的阴影问题。现在我有了这些属性,我已经为所需的动画提供了解决方案。试试这个,让我在评论中知道,如果它对你的情况有帮助的话。很乐意帮忙
...Platform.select({
ios: {
shadowColor: '#000',
shadowOffset: { width: 0, height: 3 },
shadowOpacity: 0.2,
},
android: {
elevation: 0.4,
// bottomElevation:4,
borderBottomWidth: 0.2,
borderTopWidth:0.2,
borderColor:'#000'
},
}),
目前,我正在使用以下属性在IOS和Android平台上处理shadow
<View
style={{
height: 200,
width: 350,
borderRadius: 4,
margin: 5,
shadowColor: 'rgba(0,0,0,0.5)',
shadowOffset: {width: 0, height: 5},
shadowOpacity: 2,
shadowRadius: 2,
elevation: 4,
backgroundColor: '#fff',
}}>