Question

我想在视图的边框添加阴影。但是，我不希望视图中的所有孩子也受到影子的影响。我只想在视图边框之外的阴影，而不是视图中的文本或图像。可以这样做吗？

        <View style ={{
            margin:5,
            borderWidth:0.5,
            borderColor:'grey',
            borderRadius:15,
            overflow:'hidden',
            elevation:10,
            height:100}}

            ></View>

Answer 1

您可以将此用于阴影：

view: {
    height : 100,
    width : 100,
    shadowColor: "#000000",
    shadowOpacity: 0.8,
    shadowRadius: 2,
    shadowOffset: {
      height: 1,
      width: 0
    }
  }

我希望这有用。

Answer 2

我想在视图的边框添加阴影

您可以将属性boxShadow应用于<View>元素。

e.g。

boxShadow: '6px 6px 4px rgb(127, 127, 127)',

查看边框阴影而不影响其子项

2 个答案: