首頁.jpeg
接觸 RN 也有一段時間了,小編準備自己做個 App 來
祭奠
自己的成果;希望爸爸們看完多給點意見 ......
App 簡介:
- 名字:Follow
常用的效果:
- 登錄(緩存),加載頁面時緩存動畫;退出
- 斷網時的容錯處理
- 常用組件的封裝和引用
- HeadBar 和 TabBar
- 進度條
此 App 會實現的功能:
- 拍照,照片上傳
- 視頻錄制和播放
- 導航定位
- 朋友圈的分享
登錄:
- 登錄界面實現了臨時登入和永久登錄的區分以及賬號的緩存處理
- 區分輸入賬號后的 UI 顯示以及校驗
- 背景虛化效果
登錄頁面.jpeg
忘記密碼.jpeg
注冊賬號.jpeg
-
緩存代碼實現部分:
global代碼寫法.jpeg
緩存.jpeg
獲取.jpeg
資訊模塊:
- 自定義封裝了刷新時的加載動畫
-
頁面滾動導航欄的遮擋效果
頁面滑動.gif -
代碼實現刷新時加載的動畫效果:
WechatIMG1707.jpeg
測滑欄:
側滑.gif
我的動態:
- 輸入后返回的校驗
- 支持刪除和新增
-
按天分類的 UI 效果
我的動態.gif
我的訂閱:
我的訂閱.gif
設置(退出登錄):
退出登錄.gif
-
退出登錄的代碼:
退出.jpeg
看到這里很多爸爸會說:中間那些效果代碼呢?這個不要怪小編,篇幅實在太長了 ...... 下方是小編的解決方式:
- GitHub 地址 (我會把項目都放上去;若覺得可以,請隨手給個 Star 哦!)
看標題就知道這是第一期,那么我們下期再見!!!
由于篇幅原因,具體想要知道整個效果圖的代碼或者有補充地方的可以加技術群:631730313