昨天！苹果公司！开始封杀 React Native 了。听到这个消息的时候，我的心情是这样的。
昨天！苹果公司！开始封杀 React Native 了。听到这个消息的时候，我的心情是这样的。
我最近正在学习 React Native 。学习的过程总是痛苦的。而在这个痛苦的过程中我总是激励自己说：学会 React Native 我就可以实现跨平台开发了，在学学 Web 知识我就可以搞前端开发了。马上就什么都会了，那感觉想一下就觉得爽，感觉又可以挣好多好多钱了！然而苹果昨天一封邮件就打碎了我的梦想。如果不能开发 iOS 的 React Native 和咸鱼有什么区别？如果不分享 React Native 我这个公众号和咸鱼有什么区别？哦，还是有，咸鱼还能吃！于是一时间老马建立用来交流 React Native 的技术群里就炸开了锅。这可能是我创建这几个群以来最热闹的一次了。我是发现了，群里潜伏的都是段子手。内心闷骚的程序员，原来都 TM 是段子手。我想此时 Facebook 的 React Native 团队成员内心都是奔溃的。如果他们有朋友圈，我想画风大概就是这样的。于是老马特别好奇到底是什么原因导致苹果现在动刀子呢？！React Native 发布也不是一年半载了啊，而且 Apple Store 里面上架的应用也不止一两个在用啊。有人说原因是这样的。不过iOS 不好找工作倒是真的，可是苹果爸爸也不能这么玩啊！这是要玩死很多人的节奏啊。有多少像我这样刚刚掌握了 React Native 开发技术的程序员，这些人多少个奋斗的日日夜夜，多少次关于未来美好的幻想。就这样破碎了！之前说用 IPV6 就用吧，说强制 Https 就强制吧，为了信息安全，为了技术进步都 TM 认了。都快上线了的应用我们拿回来改，延后上线时间，我们都认了。可是苹果爸爸，你这一次就不能温柔一点吗？不过为了探索真相的老马继续在各大群里收集者信息，密切关注着事情的发展。有人说苹果爸爸并不是想 nen 死 Facebook ，而是想 nen 死微软。想到这两家也是老冤家了，似乎也倒是有那么一些可能。难道都怪微软了么？虽然 Visual Studio 很屌，怎么屌？你说他不能开发什么？好像之前就不能开发 iOS 吧，但是现在 VS2017 一发布，直接可以通过 VS 使用 React Native 开发 iOS 应用了。具体是不是真的，老马的电脑配置太差，内存太小装不了 VS ，土豪大大们试一下就知道了。那好像也难怪苹果做出这样的举动，你说他裤子都被人脱了，难道还不站起来反抗一下么？！其实关于这个事情，老马到觉得苹果是在自己给自己挖坑。就像当年诺基亚对于 Android 的态度一样，不过采取的策略好像不同，诺基亚当年选择忽视了 Android，而苹果好像是想通过自身平台的影响力抑制 React Native 的发展。但是这种技术进步的趋势，哪是由某个公司就可以阻止的？即使是苹果又如何？老马突然想起来，诺基亚是不是也是在市值超过5000亿美元的时候开始走下坡路的？在 Android 刚出来时候，没有人觉得这玩意会搞垮不可一世的塞班系统，诺基亚自己也是这样认为吧。所以他的手机业务不行了。恩，我似乎看破了什么......不不不！不是膜哈！苹果作为一家伟大的科技公司，他对于这个世界的贡献我们不可否认。他确实让我们的生活发生了很大的变化。（老马你是说让我们变得更穷了？还是少了一个肾？）额....苹果的东西贵是贵了点，但是真的好用啊！比如指纹识别，比如Siri，比如...我实在编不下去了，在2017年一部连快充都没有的手机还折腾个什么劲儿啊。所以今年很多主流媒体都开始唱衰苹果，说要是在2017年还拿不出一部像样的IPhone 来，那基本就要玩儿完了。苹果：呵呵~是么，反正哥的“飞碟”快修好了，大不了不和你们地球人玩了！说了这么多，那老马我这公众号该怎么办呢？微信群该怎么办呢？为了准备素材所耗去的日日夜夜又该怎么办呢？一个字，继续“办”！因为我认准了 React Native 是趋势，也相信 Facebook 有这个技术实力让 React Native 完全取代原生开发。这可能只是这项伟大技术普及的道路上一个小小的波澜，对于阻碍历史进步的，最终都会成为历史的尘埃。而且老马这个公众号完全是个人爱好，不仅分享一些技术上的知识，偶尔也会闲聊扯淡一下。即便有一天 React Native 真的不行了，我还可以继续分享其他的技术啊，我这么爱折腾的一个人，难道还怕找不到分享的东西么？！哈哈~地球不爆炸，我们不放假；宇宙不毁灭，我们不停业
产品建议及投诉请联系：5368人阅读
React-Native（4）
历时3周时间不到的时间，前两周还有考试，利用一些琐碎的时间，终于把这个App基本的界面功能完成了。先来上图一张采用React-Native 0.36版本开发的，算是踩了不少坑，来简单总结一下吧。讲真，一款应用的用户忠诚度，UI绝对占有很大的关系，这也是我模仿掘金客户端的一个理由吧，里面涉及到的界面够花哨。就拿首页这张图来说，要实现这么一个图，需要层层嵌套，还要考虑左右对齐问题，所以基本这个“首页”布局能做出来，大部分布局基本都能搞定了，也基本就是一看就知道应该怎么布，我在做完这个首页布局之后，后面“我”页面里面那些都很简单了。如果你是前端高手，那就另当别论了。我在做这个App的时候，由于考虑到了双平台，所以代码里面考虑很多两个平台的差异，也尽量凸显各自系统独有的特性，比如Android5.0的按钮就拥有反馈效果，所以我选择TouchableNativeFeedback作为Android平台的Button，但这个不兼容iOS，所以选择TouchableOpacity作为该平台的Button。用一个三木运算符或者单独拎出来做if判断来实现各自平台的效果。还有一个是需要考虑多分辨率适配的问题，刚开始我是在2K分辨率下设计的，换到另个分辨率下界面比例就变了，不是整体变小就是整体变大，所以网上查了下，没有太好的办法，只有自己去写个函数重新计算一下大小。比如字的大小，长宽。margin，padding这些都需要计算下，不过borderRadius就别了，会出小bug。还有最细的一根线，即1个像素宽的线，可以用 1/PixelRatio.get()来获得。具体代码可以找源代码里面util下的px2dp这个函数。从这个项目还可以学到组件间的通信，包括父到子，这个简单。子到父，还有复杂的情况利用观察者模式来实现。不过这个React-Native已经封装了一个，可以直接拿来用。还有白屏的问题，相信这个网上有很多教程大家都看过，这里也就不多说了。还有啥呢？？？好像也就差不多这些了。这个是我第一个react-native项目，所以肯定还有不少代码写得不够完美的地方，还请大家多多见谅，互相学习。至此，这个项目依然还有很多功能没有完成，但是基本复杂的界面我都过了一遍，那些很简单的界面我也就没再实现了，有兴趣的可以fork继续完善。另外补充一下，数据获取是抓包获得的，他们那套热门算法并没有深究，只是为了得到数据排版和练习，完全出于学习用途，并无恶意，还请“掘金”团队海涵，哈哈。最后贴一下其他界面的效果，仓库会在最后面放出～～GitHub地址在。希望大家可以给个Star，谢谢啦～
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：259936次
积分：3291
积分：3291
排名：第10115名
原创：58篇
评论：116条
文章：14篇
阅读：59722
文章：13篇
阅读：82465
(1)(4)(1)(1)(5)(15)(1)(4)(2)(2)(9)(4)(8)(1)(1)市场合作，请您联系：
品牌广告合作，请您联系：
企业创新合作，请您联系：
满足以下场景，获得更高通过率：
新融资求报道
新公司求报道
新产品求报道
创投新闻爆料
为你推送和解读最前沿、最有料的科技创投资讯
聚集15家顶级投资机构的专业互联网融资平台
聚集全球最优秀的创业者，项目融资率接近97%，领跑行业通过高仿饿了么外卖APP学会Vue.js
代码少速度快的开发模式
使用Vue.js+es6+webpack等前端最新最热的技术，采用组件化、模块化的开发方式，让你用更少的代码做更快速的开发
外卖App核心的商家模块
提取外卖App最核心的商家模块（包括商品、评论、商家介绍等各模块），完全高仿“饿了么”外卖APP，让你更能领略Vue.js组件化的魅力
外卖App商家页面为主线
以外卖App商家页为主线，引出开发所涉及的各种相关知识点，让同学们了解一个项目从0到1的整个过程，干货满满
能直接上线的高质量代码
为了让你更容易在工作中实际运用Vue.js，讲师以上线代码的标准写代码，让你切实感受到什么是扩展性、通用性强的优质代码
学完这门课，你会掌握这些Vue.js的技术点
流程及开发方法
了解一个项目完整的开发流程
学会组件化、模块化的开发模式
掌握使用Vue-cli脚手架初始化Vue.js项目
了解webpack的打包原理
学会模拟json后端数据，前后端分离开发
学会es6+eslint的开发方式
第三方组件
学会使用stylus编写模块化的CSS
学会使用vue-router开发单页应用
学会使用vue-resource与后端数据交互
学会如何在Vue.js框架里和第三方JS插件交互
设计思想与模式
学会使用Vue.js的过渡编写酷炫的交互动画
了解移动端设备像素比的概念
学会制作并使用图标字
学会解决移动端1px边框问题
学会移动端经典的css sticky footer布局
学会flex弹性布局
版本不是问题，教你Vue1.0到2.0的跃迁
给你Vue两个版本的完整代码
用1.0版本完成整个项目后，老师会带你将整个项目升级到2.0，给你两套完整的代码
应对实际工作中的版本升级
很多实际项目都是用Vue1.0写的，老师给你讲明白1.0和2.0的差别，让你学会如何将1.0的项目升级的到2.0
Vue.js为什么是最火的前端MVVM开发框架
他们都在用Vue.js
适合人群及技术储备要求
对于前端工程师，无论你现在是否用得到Vue.js，你都应该提前掌握Vue.js
一旦你开始使用Vue.js，一定会对它爱不释手
具有一定自学能力，相当于有一年左右前端开发经验或用过其它前端框架进行过项目开发
有一定前端基础，了解JS、CSS、HTML基础知识，了解Vue.js基础知识
《Vue.js权威指南》作者滴滴前端技术专家
Ustbhuangyi
北京科技大学计算机专业硕士。曾任职百度，现就职滴滴，前端技术专家，擅长前端自动化、工程化，前端架构方向。对Vue.js有很深的理解，是《Vue.js权威指南》一书的主要作者。他有着教科书式的代码写作习惯，对代码有洁癖，追求高质量的代码， 跟随这样的老师一起敲代码，学会技术的同时，你还会提升编写高可扩展，通用性强的代码的能力
html、css3、Javascript、es6
Vue.js 1.0.26、Vue-resource 1.0
不限（windows、IOS、linux 都可以）
万事俱备 只等你来
老师讲得很好，通俗易懂，一听就懂，视频我看到79%就接到一单2w的单了，项目用到vue组件化开发方式，让我开发效率大大提高，我也深深体会了数据驱动的厉害之处；利用晚上时间，一个月就完成任务了。必须5※好评啊！感谢老师，感谢慕课网，200 换2w
享悦moonlight
这课程是带领屌丝逆袭的好课程，比其他网站的实战课程好太多了， 反正跟着做下来感觉到的是在舒服的环境下完成艰难的学习，必须点赞
数据加载中...
Copyright (C)
All Rights Reserved | 京ICP备 号-2966,690 七月 独立访问用户
语言 & 开发
架构 & 设计
文化 & 方法
您目前处于：
React-Native痛点解析之开发环境搭建及扩展
React-Native痛点解析之开发环境搭建及扩展
日. 估计阅读时间:
智能化运维、Serverless、DevOps......2017年有哪些最新运维技术趋势？!
Author Contacted
相关厂商内容
相关赞助商
CNUTCon全球运维技术大会，9月10日-9月11日，上海&光大会展中心大酒店，
告诉我们您的想法
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
赞助商链接
InfoQ每周精要
订阅InfoQ每周精要，加入拥有25万多名资深开发者的庞大技术社区。
架构 & 设计
文化 & 方法
<及所有内容，版权所有 &#169;
C4Media Inc.
服务器由 提供, 我们最信赖的ISP伙伴。
北京创新网媒广告有限公司
京ICP备号-7
找回密码....
InfoQ账号使用的E-mail
关注你最喜爱的话题和作者
快速浏览网站内你所感兴趣话题的精选内容。
内容自由定制
选择想要阅读的主题和喜爱的作者定制自己的新闻源。
设置通知机制以获取内容更新对您而言是否重要
注意：如果要修改您的邮箱，我们将会发送确认邮件到您原来的邮箱。
使用现有的公司名称
修改公司名称为：
公司性质：
使用现有的公司性质
修改公司性质为:
使用现有的公司规模
修改公司规模为：
使用现在的国家
使用现在的省份
Subscribe to our newsletter?
Subscribe to our industry email notices?
我们发现您在使用ad blocker。
我们理解您使用ad blocker的初衷，但为了保证InfoQ能够继续以免费方式为您服务，我们需要您的支持。InfoQ绝不会在未经您许可的情况下将您的数据提供给第三方。我们仅将其用于向读者发送相关广告内容。请您将InfoQ添加至白名单，感谢您的理解与支持。