? ? ? ? ? ? ? ? ? ? ? ? ? ? ?·React-Native 實現漸變色的導航欄
效果圖如下:
實現RN需要依賴庫:
react-native-linear-gradient
說一下簡單的實現思路:
我是使用react-navigation的StackNavigator實現的路由跳轉丘损。
通過一下方式禁用StackNavigator的Navigation Bar:
navigationOptions:?{
????header:?null,//?可以通過將header設為null?來禁用StackNavigator的Navigation?Bar
}
然后自定義一個帶漸變色的NavigationBar渐苏。
具體實現代碼如下:
所需公共類:
本人初學React-Native不久,不足之處請多包涵。