·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不久,不足之处请多包涵。

你可能感兴趣的:(·React-Native 实现渐变色的导航栏)