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

时间:2017-09-16 15:21:00

标签: react-native react-native-router-flux

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

enter image description here

2 个答案:

答案 0 :(得分: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} />

答案 1 :(得分:0)

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