【稀飯】react native 實戰系列教程之項目介紹

寫之前

當你在看該系列教程時,我想你應該和我一樣起碼是有些基礎了。本人是Android原生開發的,業餘時間學習了下react native。學習的初衷是:很多時候,移動開發要求既要會Android也要會IOS(最好),但是學習IOS的成本擺在那裏,然後聽說react native開發使用js語言做移動開發,包括Android和IOS,本着對新技術極度好奇之孜孜以求,我就打開react native中文網,開始一步一步的邁進react native 大門。

這個系列,是我邊學習邊寫的一個APP項目,項目不大,很小,但是涉及到的點蠻多的,包括頁面間切換、傳數據,ListView、webview、組件的封裝、使用原生平臺的能力等等。如果,過程中有什麼錯誤的地方請指出,我也是在學習的過程,多多指教。

最後,爲什麼要用寫項目的方式來學習?這是我學習的一個方法,總感覺看書看視頻學習,有些知識點理解起來總是那麼的生硬,不如自己動手寫寫代碼,這過程中,遇到的問題會讓你加深對知識點的理解,遇到問題->解決問題->提升能力,再看看成果一點一點的起來,會有滿滿的成就感,這就是學習的動力。

項目介紹

上面有點囉嗦了,這節總體介紹下【稀飯】這個應用會包括哪些功能吧。【稀飯】是通過抓取網絡上和韓劇相關的數據,並通過使用cheerio庫解析html,進行數據展示的一個小應用。本例子用於學習相關使用,若侵犯到您的權利,請聯繫我,侵刪。 上圖:

首頁

首頁進來頂部有個TitleBar、內容有最新和最熱Tab列表、底部有首頁和我的選項卡,點擊列表item項進入詳情,我的界面暫不實現具體功能,只是爲了展示頁面導航和Tab的實現。上圖:

詳情

詳情包括,頂部影片信息,下面分爲劇集和簡介。

總體概況如下圖:

項目總體概況

最後上個效果圖吧!

效果圖

代碼已經提交到github,可以下載來看看 項目地址

總結

這章節並沒有講react native具體的相關知識,只是簡單的介紹了下這個系列相關的一個小項目概況,下一節,將講述首頁數據的請求解析並展示及運用到的相關技術。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章