Gradient color in status bar

[AbhishekDS-Userfacet]

How to use gradient colours in status bar of the app?

[ShanaNyaa]

Just put the gradient colours after status bar like this...
Below I have 2 gradient that are used for status bar and the main page itself

    <SafeAreaView style={{flex: 1}}>
      <StatusBar translucent backgroundColor={"transparent"} barStyle={"dark-content"}/>
      <AnimatedLinearGradient style={styles.container} customColors={animation.colors} speed={animation.speed} />
        <View style={styles.container}>
          <AnimatedLinearGradient style={styles.container} customColors={animation.colors} speed={animation.speed} />
        </View>
        <View style={styles.containerInput}>
        </View>
    </SafeAreaView>