box-shadow: Einschub für react-native

Question

Ich versuche Box inneren Schatten zu implementieren, ähnlich wie Sie mit Box-Shadow erreichen können: Einfügung in CSS. Ich habe folgendes versucht, aber ich kann den Schatten nicht deutlicher und dunkler erscheinen lassen. 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

Erhöhen Sie die borderWidth.

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