如何在react-native Navbar中设置渐变背景颜色？

Question

如何使用react-native-router-flux在导航栏上实现这种颜色。 感谢

Answer 1

您可以在链接中查看自定义navbar示例 https://github.com/infinitered/ignite-ir-boilerplate-2016/blob/master/boilerplate/App/Navigation/CustomNavBar.js

使用react-native-linear-gradient在组件中创建渐变并将其用作自定义导航栏，请参阅以下行

<Scene key='sceneKey' component={Component} title='Component' navBar={CustomNavBar} />

Answer 2

使用图片或react-native-linear-gradient创建一个greadient并将其放在导航栏下并使导航器透明，或者您可以使用与react-native-router-flux-nav-bar类似的内容创建自定义navBar组件