renderBackgroundView for NavigationBar about ex-navigation

[cem2ran]

The above issue has been resolved and a pull request has been submitted. #177

[sibelius]

@brentvatne this is fixed here: #185

[damusnet]

Hi @brentvatne, I need to implement a NavigationBar with a Gradient as a background. Luckily, I already found this amazing other library that does gradients perfectly 😉 but I'm not sure how to include it in ex-navigation.

• Should I hide the ex-NavigationBar and craft my own?
• Or try and override the ex-NavigationBar?
• Or does this issue hold the magical key to my problem, in which case, has there been any progress on it, and how can I help?

Thanks a lot in advance for any hint you can provide.

[cem2ran]

@damusnet solving this issue should allow you to add a gradient as background. e.g.:
https://github.com/cem2ran/ex-navigation/blob/8f5ab1cef5d99326eec201e8a05c8f60f1e08943/example/components/CustomBarExample.js#L27-L34

@brentvatne tricky issue. I've considered allowing the user to pass the actual container through renderBackground, possibly wrapping it in Animated.createAnimatedComponent, but I'm not sure of the possible consequences this might have.

The above possibly simpler solution seems to work but requires you to explicitly state the width. Haven't been able to figure out the correct set of styles to make it fill the whole width per default.

[satya164]

Why does it need to specify the width? Shouldn't flex: 1 be enough?

[cem2ran]

not sure. You can try to run the CustomBarExample but the background view will not be visible without a width.

[damusnet]

Hi @cem2ran and thanks for taking a look at this.
I'll try and run your example tomorrow, but I agree with Satyajit, react-native-linear-gradient should not need a fixed width. I'm using a custom made NavBar for now with it, and it's width is not set.