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

本文介绍了一位开发者如何使用React Native进行iOS应用开发,避免学习Objective-C或Swift的复杂性。通过组件化思想,他成功模仿制作了一个美团客户端的首页,涉及到的组件包括NavigatorIOS、react-native-swiper、react-native-icons和react-native-navbar等。他还分享了运行步骤和代码,供其他开发者参考学习。
摘要由CSDN通过智能技术生成

一开始让我开发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

运行步骤


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值