最近一直在學React Naitve,可以說React Native的確有他自身強大的地方,不管是運行效率還是熱更新都和一般的h5有的一比,當然因為面世的時間還不算太久,版本更新又十分的快,所以坑也多,對于一般的移動開發(fā)者來說學習成本也蠻大的, 個人覺得用React Naitve做混合開發(fā)固阁,把一些需要經(jīng)常變化的模塊用react native開發(fā)還是一個不錯的選擇八匠。
- demo就是已React Naitve的官方文檔和學習過程中踩過的這種坑寫出來僅供學習demo級東西便监,因為沒有蘋果電腦,只試運行android.
- 數(shù)據(jù)方面是用豆瓣的Gank的妹子api
- 所用到的第三方控件如下:
- React-native-vector-icons(一個可以用的網(wǎng)上圖標庫,不用自己設(shè)計),
- React-native-scrollable-tab-view(通用的Tab控制器),這上面兩個的開源的結(jié)合可以參考http://www.reibang.com/p/b0cfe7f11ee7這篇博客,
- React-native-tab-navigator(底部的tab控制器)
剩下的用到的React Native的原生控件有:
- ScorllView
- WebView
- TouchableOpacity
- Navigator
- Text
- Image
- ListView
- BackAndroid
- Button
- DrawerLayoutAndroid
- ActivityIndicator
- ToastAndroid
- ...
效果圖如下:
demo_img1.jpg
![demo_img2.jpg](http://upload-images.jianshu.io/upload_images/925576-f7bfb21db961d4dd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
demo_img3.jpg
demo_img4.jpg