加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

用 `react native` 模仿做的一个美团客户端首页

发布时间:2020-12-15 04:50:48 所属栏目:百科 来源:网络整理
导读:一开始让我开发ios我是拒绝的,因为看到oc的语法,略感蛋疼,实在是不想套进去,可能苹果也意识到了这个问题,所以推出了swift,我研究了一下,感觉这才像是编程语言,起码人性化多了,但是Xcode代码补全弱爆了,可能是idea用惯了,xcode真心不习惯了,装了

一开始让我开发ios我是拒绝的,因为看到oc的语法,略感蛋疼,实在是不想套进去,可能苹果也意识到了这个问题,所以推出了swift,我研究了一下,感觉这才像是编程语言,起码人性化多了,但是Xcode代码补全弱爆了,可能是idea用惯了,xcode真心不习惯了,装了插件也感觉好弱,折腾没多久,就搁置了

最近接触了reactjs,感觉它的思想很不错,组件化,而且异常的简单,只需要会html + js ,轻松掌握,没什么复杂的概念,react native 则是基于react,旨在用react开发本地app(目前只支持ios,android估计要到10月份才支持),web开发者,可以轻松的开发ios,而不用学习object-c,swift,

于是我就用 react native 模仿做的一个美团客户端首页

练练手,只要是布局,有很多代码可以供大家参考,比如使用第三方开源库,来实现一些效果,自定义头部、图标、滑动切换效果,列表,flex 布局

用的的组件:

  • NavigatorIOS
  • react-native-swiper
  • react-native-icons
  • react-native-navbar
  • ListView
  • WebView

运行步骤

1、npm install
  2、用Xcode打开meituan.xcodeproj
  3、Commmand + R

界面是模仿官网的应用的

下面是效果

代码上传到github上面了,点击react-native-meituan查看

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读