box-shadow：inset for react-native

Question

我試圖實現框內部陰影類似於你可以實現使用box-shadow：inset in CSS。我嘗試了以下方法，但我無法得到它更加突出和黑暗的陰影。 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

增加邊框寬度。

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