我在react native踩过的坑(持续更新...)

坑.js

1.对于对css没经验和js没经验的同学,在看FB提供的组件文档时,把组件写在了view上,但是为什么没有在模拟器中渲染出来呢?并且没有报错。

对于这样的情况,请设置高度和宽度


组件放在View里面需要给view设置宽高

2.Warning: setState(...): Cannot update during an existing state transition (such as withinrenderor another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved tocomponentWillMount。当报这类错误时,说明你的props和states在渲染的时候更改了。

此时应该用匿名函数 ()=>

ES6箭头函数


3.组件

当图像资源来自网络时不显示图片

此时需要设置宽和高


错误用法


正确用法


4.导入的类必须是大写的

import App from './src/app';正确

import app from './src/app';错误

5.前几天使用AndroidStudio 2.0打开我之前的项目时,编译报了如下错误:

Error:Cause:com/android/build/gradle/internal/model/DefaultAndroidProject : Unsupported major.minorversion52.0

解决办法

方法1直接不用Android Studio 2.0了,转而使用Android Studio 2.2 Preview4编译该项目,继续开发。

方法2在Android Studio 2.0中继续开发该项目,修改build.gradle文件内容,将gradle版本改成2.0.0

6.图片加载不了

例1:

错误


例2:

正确

第一种情况加载不了。

原因:为了使新的图片资源机制正常工作,require中的图片名字必须是一个静态字符串,这是React规定。

7. 为什么要这样写onPress={ () => this.goback() } ,而不是onPress={  this.goback } ?

原因:我认为是为了保持goback函数里this的指向。

8.Github上面有些库执行install命令安装不了

解决:尝试加上--save或者删除--save就可以了!

9.打包后的apk安装包安装后, 替换的图片(应用icon)没有变,还是旧图片?

原因:这应该是你机器本来就安装过测试包了,有了缓存,重启下机器就可以了。

10.Android Studio 找不都模拟器(仿真器)

如下图,在开发Android程序的时候,会发现有时候明明打开了模拟器,但Android Studio中就是找不到,重启后还是一样


解决办法如下:

1可以在/platform-tools/目录下找到adb.exe工具。

2打开cmd,输入下面两条命令

adb kill-server

adb start-server

如果在执行adb start-server的时候报下面这个错误,说明端口被占用了


端口占用了



杀死占用端口的进程

我们把他结束掉,发现他又重新启动了,怎么回事呢,经过排查发现这个进程是模拟器启动的,我们先把模拟器关闭,然后再结束adb.exe这个进程,现在进程管理器里发现这个进程彻底被结束了

现在可以再次执行命令重新启动adb链接

adb start-server

执行结果如下,我们看到命令执行成功了

启动成功

这个时候我们再打开模拟器看看Android Studio是否能连接上模拟器



成功

11.react-native当点击TouchableOpacity时,要点击两下才会触发onPress解决办法

将TouchableOpacity加入到一个scrollView里面然后,scrollView添加属性keyboardShouldPersistTaps属性值设为true,这样就可以只点击一次就能触发onPress了

12 样式

react-native 虽然支持flex布局,但是所有的样式均是css样式的一个很小的集合,尤其是在安卓机下问题尤为凸显:

(1).View内部的元素千万不要超出父级的范围,iso上问题倒是不大,安卓上就什么超出的都看不到了

(2).lineHeight 可以用,不过千万不要写成小数,否则安卓上会直接崩溃

(3).rn的样式不存在继承的情况,所以基本上每个节点都要写style,真的是体力活

(4).如果Text的父级元素设置了背景颜色,那么ios下Text的背景颜色也是父级的背景颜色,要么自己写个Text重置下样式,要么就遇到了再改

(5).react-native的字号是没有设置单位的,所以会随着系统设置的字体大小而变化,我也不知道这是不是坑,不过貌似有的app也没有管这个


13.异常

react-native 在发生js异常的时候,debug的时候会直接红屏幕,但是再release的时候直接会崩溃退出,解决办法

import ErrorUtils from "ErrorUtils";

//这里应该做个判断,如果不是debug的才做这样的异常全局处理

ErrorUtils.setGlobalHandler((e)=>{

//发生异常的处理方法,当然如果是打包好的话可能你找都找不到是哪段代码出问题了

Alert.alert("异常",JSON.stringify(e))

});

14 React-native 网络图片无法加载问题


RN ios无法加载网络图片

暂时就想到了这些,等我好好总结下再写添加吧

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容