React Native中的自定义形状和渐变

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，但是您一定要多做一些实验才能达到效果。