? ? ? ? ? ? ? ? ? ? ? ? ? ? ?·React-Native 實現(xiàn)漸變色的導航欄

效果圖如下：

實現(xiàn)RN需要依賴庫：

react-native-linear-gradient

說一下簡單的實現(xiàn)思路：

我是使用react-navigation的StackNavigator實現(xiàn)的路由跳轉(zhuǎn)。

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

navigationOptions:?{

????header:?null,//?可以通過將header設(shè)為null?來禁用StackNavigator的Navigation?Bar

}

然后自定義一個帶漸變色的NavigationBar。

具體實現(xiàn)代碼如下：

所需公共類：

本人初學React-Native不久，不足之處請多包涵。