适用于Android的React-native阴影道具

Question

有没有办法像在React Native中一样在Web中渲染阴影，大多数时候使用高程无法满足所有需求并且Shadow Pro仅适用于IOS，是否有任何React Native内置方法来处理android中的Shadow Pros ，如果没有，请建议阴影道具用的轻便包装必须易于使用。 谢谢

Answer 1

您可以使用我的 react-native-simple-shadow-view

• 这将在Android中实现与iOS中几乎相同的阴影
• 无需使用海拔，可与iOS的相同阴影参数（shadowColor，shadowOpacity，shadowRadius，offset等）一起使用，因此您无需编写平台特定的阴影样式
• 可用于半透明视图
• 在android 18及更高版本中受支持

Answer 2

可以使用以下代码在android中制作阴影：

const styles = StyleSheet.create({
  myShadow: {
    backgroundColor: "red",
    //flex: 1,
    height:50,
    borderRadius: 10,
    shadowColor: '#000',
    shadowOpacity: 0.8,
    shadowRadius: 4,
    elevation: 4,
  },
});

在渲染器内，您可以像这样使用

：

render() {
<View style={styles.myShadow}/>
}

Answer 3

react-native中的阴影属性仅适用于iOS。对于Android，您应该在视图样式中设置高程属性。

Answer 4

对于android来说，height属性不能很好地工作，我建议这个lib， 样式与ios上的工作方式相同： react-native-shadow-view

Answer 5

在Android和Ios两种应用程序中以本地响应方式提供阴影的最佳方法

shadowColor: "#000",
shadowOffset: {
	width: 0,
	height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 3.84,

elevation: 5,

链接：https://ethercreative.github.io/react-native-shadow-generator/

Answer 6

您可以通过样式组件和shadow *道具来处理它。例如在样式视图中：

    shadow-opacity: 0.05;
    shadow-radius: 6px;
    shadow-color: black;
    shadow-offset: 2px 2px;