React-Native 高仿“掘金”客户端

本文分享了一位开发者使用React-Native 0.36版本高仿「掘金」客户端的实践过程,包括遇到的坑、解决布局、平台差异处理、组件通信及多分辨率适配等问题。通过此项目,作者深化了对React-Native的理解,并提供了GitHub源码链接,邀请大家学习交流。
摘要由CSDN通过智能技术生成

历时3周时间不到的时间,前两周还有考试,利用一些琐碎的时间,终于把这个App基本的界面功能完成了。先来上图一张



采用React-Native 0.36版本开发的,算是踩了不少坑,来简单总结一下吧。

讲真,一款应用的用户忠诚度,UI绝对占有很大的关系,这也是我模仿掘金客户端的一个理由吧,里面涉及到的界面够花哨。就拿首页这张图来说,

要实现这么一个图,需要层层嵌套,还要考虑左右对齐问题,所以基本这个“首页”布局能做出来,大部分布局基本都能搞定了,也基本就是一看就知道应该怎么布,我在做完这个首页布局之后,后面“我”页面里面那些都很简单了。如果你是前端高手,那就另当别论了。


我在做这个App的时候,由于考虑到了双平台,所以代码里面考虑很多两个平台的差异,也尽量凸显各自系统独有的特性,比如Android5.0的按钮就拥有反馈效果,所以我选择Touchable

  • 11
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值