关闭

React Native 踩坑记--迈出第一步

标签: native程序员技术经验
324人阅读 评论(0) 收藏 举报
分类:

题记:

最近刚好看到一项新兴的技术——React Native,读了介绍后了,被其新颖超前好用的思想深深打动(PS:此处不是打广告),作为曾经最钟爱原生主义的程序员,这种React与Native混合的方式让我一点都不排斥(表示深深厌恶当下的webView效率),再三思索,决定入此坑,并将我当前手中的项目试着改为React Native形式的。由此开始我的React Native的踩坑之路。

注意此文不讲原理,只讲经验和遇到的问题。


开发系统的选择

开始第一个Hello前,我的系统是Deepin系统(一个比较好看的Linux),寻思着,Linux作为一个开发系统,应该挺不错的吧。按照React Native中文网 的教程一步一步的开始搭建环境,Node,React Native命令行工具,Android Studio,Watchman,Genymotion,bulubulu……具体这里就不细说了,React Native中文网 都有。
怀着激动的心情开始React Native第一个程序AwesomeProject。

踩坑小提示:

react-native init AwesomeProject
/*
此处init后面可以填任意名字,这个名字将会是你整个项目的项目名,入口应用名,以及你的安卓和ios项目包名(此处有个小坑,包名前始终都有个 com. 的前缀)
*/

然而。。。调试的时候出现了各种各样的错误,以至于第一个程序AwesomeProject根本无法运行(几近崩溃),这里给个建议:经过我的测试:

MAC OS 系统下开发React Native是最合适的!!!
理由:大多数Facebook工程师是在Mac下完善React Native的。

最终,一个简单的HelloWorld程序新鲜出炉。


调试经验

这里我非常推崇用chrome进行调试,React Native提供给开发者的远程代码调试功能异常强大,可以结合chrome的开发者工具对项目进行飞一般的调试体验。

经验:第三方的库,多多少少会出现一些兼容问题,这个时候就要自己动手改源码了。在chrome中设置断点,监视变量,等各种手段会极大的便利调试的过程。


黑苹果安装经验

  1. 不要试图更新系统(作者有惨痛的经历)。
  2. 分出一个50G左右的盘放恢复映象,对os系统勤做映象,尤其在是安装新驱动前。
  3. 不要使用白苹果使用的驱动精灵之类的软件(很容易玩坏黑苹果)。
  4. 最好备一个外置网卡,原装的网卡驱动比较难装,在黑苹果没有网卡驱动的时候,只能通过提前下好的驱动或者通过苹果手机共享网络的下载驱动安装驱动。

尾记

以后我将持续更新一些在开发React Native项目过程中遇到的问题和解决方案以及一些便利的方法。

这是作者第一次写文章,若有不对的地方,请多包涵~

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Spark踩坑记--数据库

[TOC] 前言 在使用Spark Streaming的过程中对于计算产生结果的进行持久化时,我们往往需要操作数据库,去统计或者改变一些值。最近一个实时消费者处理任务,在使用spark str...
  • qq_36290329
  • qq_36290329
  • 2016-10-02 17:24
  • 325

(三)ReactNative踩坑集锦

一、 初始化state报错:null is not a object (evaluating‘this.state.value’) 语法:getInitialState () { ...
  • qq1377399077
  • qq1377399077
  • 2017-01-16 15:01
  • 1753

前端总结:踩过的坑以及一些冷知识

主要是指css样式这一块。1、行内元素(比如img)默认会在末尾留白,无法去除。只能通过display:block;让其以块级元素进行显示。
  • linysuccess
  • linysuccess
  • 2016-12-02 10:56
  • 495

致Android-那些年,我们一起踩过的坑

大爷的,从搞android至今,踩过的坑倒是不少,MD,要是同一个坑,踩一次也就算了,踩两次、多次那就显得狠low了…记录那些年,希望跟我踩同一个坑的同胞们一些帮助(主要是怕自己踩同一个坑,哈哈~~)...
  • yiluyoufeng
  • yiluyoufeng
  • 2016-06-18 23:29
  • 516

那些年踩过的mysql的坑

那些年踩过的mysql的坑 锁机制带来的锁死 一 不是通过主键来删除,而是通过其他的字段来删除,那么会导致表级锁,其他insert无法操作。 二 update 的时候,也会有锁表的情况,同...
  • gningh
  • gningh
  • 2016-11-25 19:13
  • 770

记一次在Windows上搭建React Native Android环境踩过的坑

要说最近技术圈什么比较活跃,我想除了动态加载框架和热修复技术之外,非Facebook的React Native莫属了吧,其实RN对IOS的支持比较早,但是Android似乎难产了,直到9月份才刚开源。...
  • sbsujjbcy
  • sbsujjbcy
  • 2015-11-18 23:04
  • 10756

react native踩坑记(创建指定的React-Native版本)

创建指定的React-Native版本刚刚开始学习React Native,很多都不懂,搭建环境的时候遇到了挺多问题的,一直在折腾。我是按照React Native文档来搭建环境的,安装react-n...
  • Aliguagua
  • Aliguagua
  • 2017-11-05 21:45
  • 216

记录在Ubuntu下搭建React Native踩过的坑

首先给出React Native中文官网,可想而知,如果真的这么轻松,可就不会来写这篇文章了。 第一个坑点,拿到官网第一个例子的时候,会报一个找不到SDK路径这样的错误,解决方法,在项目目录Awe...
  • mengxin1995
  • mengxin1995
  • 2016-12-22 14:58
  • 344

Android开发踩过的坑

1.Fresco加载本地图片的问题在小米note 6.0手机上加载裁剪过的图片,发现有一个隐形的Bug,具体我也不清楚,只知道立即对裁剪过的图片地址进行加载的时候,加载失败,需要等待几秒后,重新加载就...
  • u011692041
  • u011692041
  • 2016-10-20 10:15
  • 534

React Native 我的那些坑

自从2016年接触reactnative后,就是一把辛酸泪,各种的不适用和坑,还好,我挺过来了。废话少说,开始说说那些坑。一、报错500或者could not ….server这个问题一般是没有启动R...
  • gyh790005156
  • gyh790005156
  • 2017-06-02 17:43
  • 301
    个人资料
    • 访问:6523次
    • 积分:86
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档