1. 程式人生 > >用react native 做的一個推酷client

用react native 做的一個推酷client

master 數據 post use his 代碼 ren ref xcode

用react native 做的一個推酷client

僅供大家參考。僅僅為拋磚引玉。希望大家能以此來了解react。並編寫出很多其它的優質的開源庫,為程序猿做出貢獻。

用的的組件:

  • NavigatorIOS
  • react-native-swiper
  • ListView
  • WebView

執行步驟

  1、npm install
  2、用Xcode打開tuiku.xcodeproj
  3、Commmand + R

界面是模仿官網的應用的。一個導航,導航以下是分類,分類以下是列表,分類能夠點擊切換。也能夠左右滑動切換,一直往下來,會載入下一頁數據。點擊某一項,會進到詳情頁。詳情頁直接用一個WebView來顯示,功能比較簡單,共大家學習。下拉刷新也有一個開源控件,可是為了程序的簡單我就沒加上。

以下是效果

列表
技術分享

詳情
技術分享

代碼已上傳github,點擊react-native-tuiku查看

‘).text(i)); }; $numbering.fadeIn(1700); }); });

用react native 做的一個推酷client