box-shadow：反応ネイティブのためのインセット

Question

ボックスシャドウを使用して達成できるものと同様のボックスの内側の影を実装しようとしています。私は次のことを試しましたが、私はそれをより顕著で暗い影にすることはできません。 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, 
}