最近一直在學React Naitve,可以說React Native的确有他自身強大的地方,不管是運作效率還是熱更新都和一般的h5有的一比,當然以為面世的時間還不算太久,版本更新又十分的快,是以坑也多,對于一般的移動開發者來說學習成本也蠻大的, 個人覺得用React Naitve做混合開發,把一些需要經常變化的子產品用react native開發還是一個不錯的選擇。
- demo就是已React Naitve的官方文檔和學習過程中踩過的這種坑寫出來僅供學習demo級東西
- 資料方面是用豆瓣的Gank的妹子api
- 所用到的第三方控件如下:
- React-native-vector-icons(一個可以用的網上圖示庫,不用自己設計),
- React-native-scrollable-tab-view(通用的Tab控制器),這上面兩個的開源的結合可以參考http://www.jianshu.com/p/b0cfe7f11ee7這篇部落格,
- React-native-tab-navigator(底部的tab控制器)
剩下的用到的React Native的原生控件有:
- ScorllView
- WebView
- TouchableOpacity
- Navigator
- Text
- Image
- ListView
- BackAndroid
- Button
- DrawerLayoutAndroid
- ActivityIndicator
- ToastAndroid
- …
效果圖如下:
!