
接触 RN 也有一段时间了,小编准备自己做个 App 来
祭奠
自己的成果;希望爸爸们看完多给点意见 ......
App 简介:
- 名字:Follow
常用的效果:
- 登录(缓存),加载页面时缓存动画;退出
- 断网时的容错处理
- 常用组件的封装和引用
- HeadBar 和 TabBar
- 进度条
此 App 会实现的功能:
- 拍照,照片上传
- 视频录制和播放
- 导航定位
- 朋友圈的分享
登录:
- 登录界面实现了临时登入和永久登录的区分以及账号的缓存处理
- 区分输入账号后的 UI 显示以及校验
- 背景虚化效果



-
缓存代码实现部分:
global代码写法.jpeg
缓存.jpeg
获取.jpeg
资讯模块:
- 自定义封装了刷新时的加载动画
-
页面滚动导航栏的遮挡效果
页面滑动.gif
-
代码实现刷新时加载的动画效果:
WechatIMG1707.jpeg
测滑栏:

我的动态:
- 输入后返回的校验
- 支持删除和新增
-
按天分类的 UI 效果
我的动态.gif
我的订阅:

设置(退出登录):

-
退出登录的代码:
退出.jpeg
看到这里很多爸爸会说:中间那些效果代码呢?这个不要怪小编,篇幅实在太长了 ...... 下方是小编的解决方式:
- GitHub 地址 (我会把项目都放上去;若觉得可以,请随手给个 Star 哦!)
- 有意见的爸爸可以加我的群一起讨论:631730313
-
想更多了解小编的可以关注下我微信公众号:
Pis.jpg
看标题就知道这是第一期,那么我们下期再见!!!
网友评论