来,先说下报错出现场景,刚跑完项目加载完是好的,但是双击R后就开始耍小脾气了-红屏出现,如下图 首先检查包服务器是否运行正常.在项目文件夹下输入react-native start或者npm start均可开启服务器,但是我们需要在PC端确认包服务器是否运行正常. 解决: 1.手机摇一摇进入到Developer Menu 如图: 2.选择 Dev Settings 如图 3.填写 你的服务 IP 记得端口为:8081 4.点击确定之后重新启动项目, reload 搞定…
按照https://reactnative.cn/docs/0.51/getting-started.html教程新建的项目 react-native init AwesomeProject cd AwesomeProject react-native run-android然后就立马错误了, 错误1:unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correc…
项目内其中一个管理后台需要发布文章,需要一个富文本编辑器,经过一番选择后,最终选择了百度的Ueditor. 由于上传的文件是上传到另一台专门存放图片等静态资源的服务器上面的,所以就涉及到了跨域上传. 我实现跨域上传的主要方式是将编辑器的前后端分离,前段直接放到需要用的项目内,接收上传的后端(已做权限验证)放到图片服务器上面. 跨域要添加两个HTTP头: Access-Control-Allow-Origin: *//允许任意域名发起的跨域请求 Access-Control-Allow-Heade…
React Native 是目前最火的开发框架,其他不说了,上Bug. 按照  React Native iOS环境搭建 高级版 在mac上  搭建 React Native  环境,运行 项目 若出现了如下情况. 模拟器上  显示 Xcode 打印 2016-02-16 17:01:49.806 [info][tid:com.facebook.React.JavaScript][RCTJSCProfiler.m:63] JSC profiler is not supported. 2016-0…
前言 React Native是最近非常火的一个话题,想要学习如何使用它,首先就要知道它是什么. 好像面对一个新手全面介绍它的文章还不多,我就归纳一下所有的资料和刚入门的小伙伴一起来认识它~ 将从以下几个方面来介绍它: 1.React Native的定义 2.React Native的优缺点 2.学习React Native需要掌握的知识 React Native的定义 一句话就是:一款专门用于App的JS框架. React Native 结合了 Web App和 Native App的优势,使…
好久没写博客了,特地把之前接触React Native时遇到的坑总结一下. 初始化一个React Native项目时,可能会遇到以下这些坑: 1.项目版本号与安卓模拟器中安装的 compileSdkVersion 和 buildToolsVersion 版本不一致,这时候可以直接修改 项目 => android => app => build.gradle文件下的版本号,如下: 2.初始化一个项目并运行项目时,可能会一直报错,这时有可能是因为缺少 local.properties文件,该…
很多kali爱好者想把kali linux作为系统使用,但是有些win下的程序有时候也需要用到,此时需要虚拟机. kali系统在安装虚拟机的时候也会遇到一大堆坑,接下来是我的爬坑过程. 一波三折. 环境 :kali linux 2.0 32位 软件 :virtualbox 虚拟机 0x01  bash: /etc/init.d/vboxdrv: 没有那个文件或目录 安装了virtualbox后出现的问题之一最常见的就是内核问题 网上大多数人的问题都是执行下面的命令 出现如下提醒.然而网上五花八门…
1.模拟器报错no bundle url present https://github.com/facebook/react-native/issues/12754 http://www.cnblogs.com/dragon-aslan/p/6965014.html 2.模拟器快捷键 回到首页: Cmd + Shift + H 按一次 HOME键摁两次: Cmd + Shift + H 按两次 旋转 :Cmd + 左/右 类似手机长按 : 鼠标放app图像上,长摁电脑左下角,然后Cmd + Sh…
开启Genymotion Android模拟器后 1.运行“react-native run-android”报端口冲突....解决方法: 2.运行“react-native run-android”报找不到 Build Tools revision 版本号 解决方法:找到对应的版本,进行安装. P.S.:当看到这个鬼东西,就表示运行成功了.... 3.运行报'RawText"      "must be wrapped in an explicit <Text> comp…
1.项目中新加入组件,应执行npm install命令 2.项目执行react-native run-android 报错,应进入android目录,执行gradlew.bat clean命令 3.ListView引用函数,应先在构造器中进行this绑定 constructor(props) { this.renderItem = this.renderItem.bind(this); } onPressIcon(uid, aid) { const {navigator} = this.prop…