如何在反应原生Navbar中设置渐变背景颜色?

问题描述:

如何使用react-native-router-flux在导航栏上实现这种不同颜色。 感谢如何在反应原生Navbar中设置渐变背景颜色?

enter image description here

与图像或react-native-linear-gradient创建greadient,并将其放置在导航栏,使navber透明,也可以创建使用类似的东西您的自定义navBar组件react-native-router-flux-nav-bar

+0

我使用react-native-router-flux进行导航。任何这样的例子? – Dlucidone

+0

你可以检查这个[react-native-router-flux-nav-bar](https://github.com/sprmn/react-native-router-flux-nav-bar) –

+0

你需要做类似的事情将渐变放置为背景 –

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

使用react-native-linear-gradient在组件a中创建渐变nd使用它作为自定义的导航栏见下面的行

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