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

尝试将视图的背景颜色设置为白色 - 背景颜色："白色">