React Navigation - Gradient color for Header

Question

I am using React Navigation in React Native app and I want to change the backgroundColor for the header to be gradient and I found out there is a node module :

Answer 1

Just for your information, now with headerBackground props it's a way easier.

You can have a gradient header just doing this :

navigationOptions: {
  headerBackground: (
    
  ),
  headerTitleStyle: { color: '#fff' },
}

This solution works good even with SafeArea for IosX