React Native 作品分享(第一期)

作者: IT界的段子手 | 来源:发表于2017-06-26 15:42 被阅读1319次
首页.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

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

版权印

相关文章

网友评论

本文标题:React Native 作品分享(第一期)

本文链接:https://www.haomeiwen.com/subject/okndcxtx.html