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


推荐链接
IT 界寄来的书信系列
IT 界寄来的段子系列
IT 界起来的书籍系列
搞笑我们是用心系列

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容