box-shadow: wstawka do native-natywnego reagowania

Question

Próbuję zaimplementować wewnętrzny cień pola, podobny do tego, co można osiągnąć za pomocą box-shadow: inset w CSS. Próbowałem następujących rzeczy, ale nie mogę uzyskać tego, że cień jest bardziej widoczny i mroczniejszy. 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

Zwiększ szerokość obramowania.

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