那些ReactNative的坑

原创 2016年12月14日 14:18:49

今天中午测试的时候,发现一个问题。

一个ReactNative的App,跑在iPhone5s上,输入用户名、密码,程序崩溃,提示“ Invalid data message - all must be length: 8 ”。

但问题在于,在别人的手机上跑,以及在模拟器上跑,都没有问题,让我一度怀疑手里的iPhone5s是不是坏了。。。

找了一中午原因都没找到,最后求助大腿鑫,大腿鑫通过注掉代码,一遍一遍的尝试下,终于发现问题出在Alert上。


先来贴那段有问题的Alert,原先是这么写的:

Alert.alert("提示", error, [{
    text: '确定', onPress: () => {}
}])


然后我们把它换成这样试了一下,发现它不崩了:

alert(error)


然后问题就来了,它弹出一个提示,"Network request failed",然后我们定睛一看,原来是手机的wifi和流量都关了,坑爹啊!!!

再把wifi打开,发现它好使了。

我们回过头来再说那个Alert的问题,它崩溃是因为抛出的error是一个object,不是一个单纯的字符串。

所以归根结底,还是代码有问题。然后我们把它改成这样:

Alert.alert("提示", error+'', [{
     text: '确定', onPress: () => {}
}])
就是在原先的基础上+' ',转换成字符串,就OK了。( 作为从iOS转过来的菜鸟吐槽一句,这转换字符串的语句真够精炼的!)


然后我们觉得如果每个地方都这么改,要费很多时间,然后大腿鑫就在底层封装的方法里,把这个方法给改了,然后问题就圆满解决了!!


版权声明:本文为博主原创文章,未经博主允许不得转载。

React Native遇见的几个坑

1. 环境变量配置解决办法:配置ANDROID_HOME,和JAVA_HOME。安装Android SDK,并安装Build Tool 23.0.1,最好把所有版本装上,因为将来使用的插件可能依赖的版...

【React Native】在原生项目中集成之坑点总结

Integration With Exist apps 在原生项目中,集成React Native框架,部分功能是用RN进行开发。包括依赖引入,包重复等问题进行总结,希望能帮到大家。...

ReactNative入门教程及遇到的坑

这里推荐两个官方教程 1 React Native 官方文档 2 React Native 官方文档中文版 如果英文水平还可以,还是看英文版比较好,原因文档有最新版,还可以在线直接修改调...
  • xdrt81y
  • xdrt81y
  • 2017年07月04日 10:20
  • 2656

ReactNative坑点——Date对象正确使用

写在前面昨天遇到了一个非常诡异的场景,ReactNative写的倒计时组件线上版本无法运行,但本地测试却是正常的。我一度以为是ReactNative转换的时候出了问题,不知道从何下手。最后盘查了一圈,...

搭建ReactNative开源应用f8app环境与踩坑

f8app是facebook官方开发的ReactNative开源APP,github地址https://github.com/fbsamples/f8app,github地址中有详细的搭建步骤,但是坑...

ReactNative学习中遇到的坑

这篇文章将记录以后学习ReactNative中遇到的坑。现在网上能查到的一些基本的坑就不写了。 (1)第一个:今天移植安卓原生应用到ReactNative中,移植完后,出现无法连接的红色画面。正常情况...

近期搭建ANDROID ReactNative 遇到的各种坑

我和小伙伴同时按照官网搭建环境,但是人家都一步就好了,只有我花了3天的时间才搭建好,真的是遇到了各种坑,废话不多说,遇到同样问题的亲可以少花店时间在上面了 1:首先是下载Genymotion...

Android:ReactNative环境搭建遇到的坑

ReactNative官网提供的环境搭建方式:http://reactnative.cn/docs/0.27/getting-started.html按照官网提供的方式去走,直接使用XCode打开Aw...

一起学ReactNative(2) Flex布局入坑手册

前言网上面 关于Flex布局的文章 很多 有些也非常的详细 但是我觉得 学东西 还是得从实践触发 而不是光讲理论对不 今天来跟大家分享一下 自己在学习Flex布局中遇到的各种坑 如文章中有任何的...

reactnative 集成高德地图 (android) 踩坑,持续

1. 这个是原作者的导包错了, 换成 import com.reactnativecomponent.amap.RCTAMapPackage;
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:那些ReactNative的坑
举报原因:
原因补充:

(最多只允许输入30个字)