React Native 作品分享（第一期）

首页.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

• 想更多了解小编的可以关注下我微信公众号：

  
  Pis.jpg

看标题就知道这是第一期，那么我们下期再见！！！

版权印