天天看點

基于豆瓣和妹子的api用React Native寫的demo

最近一直在學React Naitve,可以說React Native的确有他自身強大的地方,不管是運作效率還是熱更新都和一般的h5有的一比,當然以為面世的時間還不算太久,版本更新又十分的快,是以坑也多,對于一般的移動開發者來說學習成本也蠻大的, 個人覺得用React Naitve做混合開發,把一些需要經常變化的子產品用react native開發還是一個不錯的選擇。

  1. demo就是已React Naitve的官方文檔和學習過程中踩過的這種坑寫出來僅供學習demo級東西
  2. 資料方面是用豆瓣的Gank的妹子api
  3. 所用到的第三方控件如下:
    • 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

- …

效果圖如下:

基于豆瓣和妹子的api用React Native寫的demo

!

基于豆瓣和妹子的api用React Native寫的demo
基于豆瓣和妹子的api用React Native寫的demo
基于豆瓣和妹子的api用React Native寫的demo