react-native - React Native - 在 View 边框上而不是在内容上渲染阴影

Question

我有问题。我想为 View 的边框添加阴影，如下所示:https://github.com/styled-components/styled-components/issues/709

我尝试过使用样式组件和普通样式 Prop 。

我目前有:

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

尝试将 View 的背景颜色设置为白色 - background Color: 'white'