·React-Native 实现渐变色的导航栏

                             ·React-Native 实现渐变色的导航栏

效果图如下：

实现RN需要依赖库：

react-native-linear-gradient

说一下简单的实现思路：

我是使用react-navigation的StackNavigator实现的路由跳转。

通过一下方式禁用StackNavigator的Navigation Bar：

navigationOptions: {

    header: null,// 可以通过将header设为null 来禁用StackNavigator的Navigation Bar

}

然后自定义一个带渐变色的NavigationBar。

具体实现代码如下：

所需公共类：

本人初学React-Native不久，不足之处请多包涵。