React Native-在视图边框而不是内容上渲染阴影

Question

我有问题。我想在视图的边框上添加阴影，例如：https://github.com/styled-components/styled-components/issues/709

我尝试使用样式化组件和常规样式道具。

我目前有：

const shadow = {
  shadowOffset:{  width: 10,  height: 10,  },
  shadowColor: 'black',
  shadowOpacity: 1.0,
  shadowRadius: 8,
};

...

<View style={shadow}>
  <TotalText>SALDO</TotalText>
  <MoneyText>R$ 1.000,00</MoneyText>
  <NextAllowanceText>PRÓXIMA MESADA</NextAllowanceText>
</View>

这是输出：https://ibb.co/b6xOYp

我希望将阴影应用于边框而不是内部内容，我想念什么？

Answer 1

尝试将视图的背景色设置为白色-backgroundColor：“白色”