Android 反应自然<;视图>;组件';s";立面图“;风格造成了丑陋的阴影
“立面样式”属性为Android 5.0+启用框阴影 我是否在这里做了一些不寻常的“提升”,导致了下面截图中可以看到的丑陋?还有,有没有办法定义阴影偏移 emulator正在运行6.0(>5.0),所以这不是问题所在。我正在运行react native 25.1Android 反应自然<;视图>;组件';s";立面图“;风格造成了丑陋的阴影,android,react-native,android-layout,android-elevation,Android,React Native,Android Layout,Android Elevation,“立面样式”属性为Android 5.0+启用框阴影 我是否在这里做了一些不寻常的“提升”,导致了下面截图中可以看到的丑陋?还有,有没有办法定义阴影偏移 emulator正在运行6.0(>5.0),所以这不是问题所在。我正在运行react native 25.1 "dependencies": { "react": "^0.14.8", "react-native": "^0.25.1", "react-native-gcm-android": "^0.2.0",
"dependencies": {
"react": "^0.14.8",
"react-native": "^0.25.1",
"react-native-gcm-android": "^0.2.0",
"react-native-material-design": "^0.3.5",
"react-native-system-notification": "^0.1.10",
"react-redux": "^4.4.5",
"redux": "^3.5.2"
}
以下是我的渲染方法:
render() {
return (
<ListView
dataSource={alertData}
renderRow={(rowData) =>
<View style={style.cardContainer}>
<Text>{rowData.blah}</Text>
<Text>{"#" + rowData.foo}</Text>
<Text>{rowData.blah}</Text>
<Text>{rowData.foo}</Text>
<Text>{rowData.baz}</Text>
</View>
}
/>
);
}
不知怎的,这导致了
缺少的部分是背景色。将
backgroundColor:“
样式添加到视图容器会使那些奇怪的内部阴影消失。这个问题是由RN解决的吗?@gorjanz这是Android问题,而不是RN问题。同样的事情也会发生,如果你试着在一个透明的视图上放置高程。谢谢,这一个给了我一个解释。你是救命恩人!
var style = StyleSheet.create({
cardContainer : {
elevation : 3,
flex : 1,
margin : 10,
padding : 10,
borderWidth : 2,
borderColor : beeStyles.colors.lightGray
}
});