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

Question

我需要ImageBackground在 WhatsApp 的角落添加阴影以显示星星。

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

Answer 1

您需要使用线性渐变。添加线性渐变作为 ImageBackground 的最后一个子级。风格

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

您可以在 Linear Gradient 中添加星形和文本组件作为其子级

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