问题: 初次安装好React Native 环境后,运行项目,会停留在下载 gradle 的界面一直出点 原因: 下载gradle一直不成功 解决方案: 可以根据提示的版本信息,手动下载,放在目录中,修改配置文件,重新启动运行 下载地址:http://www.androiddevtools.cn/ 放置目录:~\HelloProject\android\gradle\wrapper 配置文件:~/HelloProject/android/gradle/wrapper/gradle-wrapper…

最近在使用react-native的时候遇到了很多坑,这里给大家分享下 一.样式 react-native 虽然支持flex布局,但是所有的样式均是css样式的一个很小的集合,尤其是在安卓机下问题尤为凸显: 1.View内部的元素千万不要超出父级的范围,iso上问题倒是不大,安卓上就什么超出的都看不到了 2.lineHeight 可以用,不过千万不要写成小数,否则安卓上会直接崩溃 3.rn的样式不存在继承的情况,所以基本上每个节点都要写style,真的是体力活 4.如果Text的父级元素设置了背…

1 classpath 'com.android.tools.build:gradle:1.2.3' 2.adb reverse tcp:8081 tcp:8081 3.react-native run-android 4.adb devices…

踩坑过程: 解决方法就是去 SDK Manager 把 23.0.1 的版本下载了 而如果报错信息中含有bintray.com.gradle.org等网址,请***,反复重试,或者去react native中文社区找完整项目包 运行app,正常打开app应该看到这个欢迎页 https://software.intel.com/en-us/android…

填坑笔记 开始入坑RN,从最开始的学起难免有不少乱七八糟的问题,记录在这里. 1. 8081端口占用问题 按照官网教程搭建开发环境并按照下面代码运行时候有报错,显示8081端口的问题 react-native init AwesomeProject cd AwesomeProject react-native run-ios 应该就是端口占用的问题,首先找到占用程序,用下面代码,加上sudo,如果什么都没有发生.可以看到PID. lsof -i :8081 然后用下面命令杀掉,也加上sudo.…

使用ES6語法編寫Component時綁定事件需要用this.MethodName.bind(this),否則MethodName中無法使用this <TouchableHighlight onPress={this.onPressButton.bind(this)}> <Text>Test</Text> </TouchableHighlight> 使用ES6語法編寫方法,需要調用同類中的方法時,需要添加this前綴,否則會出現無法找到function錯誤…

一.问题: 解决方案:删除./node_modules/react-native/local-cli/core/__fixtures__/files/package.json,删除前记得备份. 二.在android 7(不确定是不是所有的7点多版本)的环境下运行会出现以下问题: React Native unable to load script from assets index.android.bundle on windows 解决方案: 1.在项目中创建android/app/src/m…

之所以停留,是因为打开项目时,Android Studio解析项目使用的gradle,并下载对应版本的gradle,但是由于下载gradle的服务器在国外,这个下载速度非常不稳定,从而导致停留在这一步.所以我们只要修改项目中使用的gradle版本,对应到已经下载好的版本.然后在Preferences中找到设置Gradle home的地方去设置. 1.打开项目的build.gradle(切记不是模块的build.gradle),将gradle版本修改成已下载的插件版本(注意:AndroidStud…

1.zIndex 在Android上使用zIndex来控制组件的层级,会遇到元素不显示的问题. 解决方案: 尽量改变组件的顺序,而不用zIndex 尽量不要使用zIndex来控制组件的层级,默认情况下,使用position: 'absolute'后,后面的元素会默认覆盖在前面的元素之上.所以删除zIndex,改变一下组件的顺序就OK啦. issues: https://github.com/facebook/react-native/issues/8968 2.borderStyle:'dash…

在ReactNative中,Text.Button以及其他Touchable包装成的可点击控件,都可以通过onPress属性为其指定点击时的响应函数. 在有些情况下,我们会把这些点击函数先定义好,然后再为控件的onPress属性赋值为对应函数名.然而这个时候,问题就出来了: 一:有bug的用法 <Button onPress={方法名}/> 当这样为onPress属性指定响应方法时,会出现随着控件的渲染而自动调用响应函数的情况. 原因: 在RN的页面代码中,花括号 {} 有取对象值的意思在內,…