react-native - box-shadow: react native 的插入

Question

我正在尝试实现类似于在CSS中使用box-shadow：inset可以实现的盒子内部阴影。我尝试了以下方法，但我无法使阴影更显着和更暗。 https://rnplay.org/apps/EHvL4g

var styles = StyleSheet.create({
  container: {
    flex: 1,
  },
    box: {
    margin: 20,
    flex: 1,
    backgroundColor: 'transparent',
    borderColor: 'white',
    borderWidth: 1,
    overflow: 'hidden',
    shadowColor: 'black',
    shadowRadius: 10,
    shadowOpacity: 1,
    },
});

Answer 1

增加borderWidth。

box: {
margin: 10,
flex: 1,
backgroundColor: 'transparent',
borderColor: 'white',
borderWidth: 30,
overflow: 'hidden',
shadowColor: 'black',
shadowRadius: 10,
shadowOpacity: 1,
}