React Native Box Shadow(Android)-Flex

时间:2018-08-01 21:41:01

标签: javascript android reactjs react-native box-shadow

我将为我的应用程序中的按钮设置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
}

无法为阴影设置widthheight

有解决方案吗?

0 个答案:

没有答案