如何在 react-native 中的 Imagebackground 的一角添加阴影

Question

我需要像在 WhatsApp 中一样在 ImageBackground 的角处添加阴影以显示星星。

如何在 react-native 中实现这一点。

Answer 1

您需要使用 Linear Gradient。添加线性渐变作为 ImageBackground 的最后一个子项。样式

{
position: 'absolute',
bottom:0,
right:0,
...otherstyles}

并且您可以在线性渐变中添加星形和文本组件作为其子组件

<LinearGradient [props]>
 ...star
</LinearGradient>

How to add shadow at a corner of Imagebackground in react-native