React 原生中的自定义形状和渐变

Question

我想知道是否有可能实现这种形状和渐变，但我想在状态栏上实现渐变。所以和附件中几乎一样。

对于线性梯度，我知道怎么做，我已经使用了 https://docs.expo.io/versions/latest/sdk/linear-gradient/

<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
    <LinearGradient
      colors={['#4c669f', '#3b5998', '#192f6a']}>
      <Text>
        Custom shape
      </Text>
   </LinearGradient>
</View>

这就是我想要达到的结果。 https://dribbble.com/shots/5484044-Profile/attachments/1186437

Answer 1

您可以创建自定义组件并操作视图以实现特定形状。基本形状描述如下： https://codedaily.io/tutorials/22/The-Shapes-of-React-Native ，但您肯定必须自己进行更多实验才能达到效果。