Box-shadow: вставка для реагирования

Я пытаюсь реализовать внутреннюю тень блока, аналогичную тому, что вы можете достичь, используя box-shadow: вставка в 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,
    },
});