我将为我的应用程序中的按钮设置BoxShadow
。由于RN没有阴影(基本的elevation
除外),因此我使用react-native-shadow
,但是又遇到了另一个问题!
他们支持:
const shadowOpt = {
width:100,
height:100,
color:"#000",
border:2,
radius:3,
opacity:0.2,
x:0,
y:3,
style:{marginVertical:5}
}
是:
width:您必须将值设置为与子组件相同的值
高度:与上面相同
color:阴影的颜色,目前不支持rgba,您可以使用不透明度
border:阴影的宽度,不能小于0
radius:与chileElement的“ borderRadius”值相同
opacity:阴影的不透明度
x:阴影的offsetX
y:阴影的offsetY
style:您要添加到包装盒中的样式
因此,我使用flex
作为按钮:
buttonStyle: {
flex: 1,
justifyContent: "center",
alignItems: "center",
alignSelf: "stretch",
backgroundColor: "rgba(6,82,221,0.70)",
borderRadius: 5
}
我无法为阴影设置width
和height
!
有解决方案吗?