今天是肿么了......一上班创建React Native项目,react-native run-ios运行就报错,运行不了...呜呜...... 一开始以为自己react-native run-ios命令敲错,再然后以为Xcode缓存,再然后以为电脑问题,关机重启...问题依然存在,好在解决了.... 报错截图: 上网查了很多资料没有找到解决方案,估计是react-native版本的问题. 查看package.json文件: 发现是0.45.0版本...我记得之前都是0.44的版本的.....…

打开命令行窗口,进入我们想要创建项目的父目录,输入命令: npm install -g yarn react-native-cli react-native init 项目名 进入新建的项目目录,执行升级命令: cd 项目名 react-native upgrade 提示:对于Windows,如果初始化项目出错,则可以尝试删除“系统安装盘符:\Users\用户名\.node-gyp”目录,然后在执行初始化命令:如果还有错,则可以尝试删除“系统安装盘符:\Users\用户名\AppData\Roa…

首先看一下安卓和iOS报错: iOS终端运行报错: Xcode运行报错: 解决办法一: 将版本降到0.44.3,修改package,具体请看我的另一篇博客: http://www.cnblogs.com/pengsi/p/7026564.html 不过我不能总是使用0.44的版本吧. 解决办法二: 安卓解决办法: 将新建的项目用android studio打开下就行了,然后使用终端运行即可.原因是因为他缺少一个文件. iOS解决办法: 原因竟然是因为我的RN项目是创建在带有中文文件夹的目录下,修…

(六).React Native开源项目: 1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:https://github.com/Bob1993/React-Native-Gank 2.聂风童鞋做的<都看影视>React Native项目,开源地址:https://github.com/changfuguo/doukanmv 3.大大做的<新闻阅读Reading>React Native项目,项目地址:http://www.lcode…

最近闲来无事,学习了React Native开发Android APP,自我感觉RN APP的效果和Native APP比还是蛮不错,以下是找到的一些优秀源码,仅供学习参考... React Native开源项目 1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:https://github.com/Bob1993/React-Native-Gank2.聂风童鞋做的<都看影视>React Native项目,开源地址:https://github.c…

前言 本文有配套视频,可以酌情观看. 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我. 文中所有内容仅供学习交流之用,不可用于商业用途,如因此引起的相关法律法规责任,与我无关. 如文中内容对您造成不便,烦请联系 277511806@qq.com 处理,谢谢. 转载麻烦注明出处,谢谢. 资料:链接: https://pan.baidu.com/s/1b3abwy 密码: k8p5 ES5转ES6 关于ES6语法,建议大家可以看下阮老师的 ECMAScriot 6 快速了解的话,大家可以参…

由于logo和启动屏尺寸多,react native(ios)中没有命令可以自动生成各种的尺寸,所以可以使用以下办法:在ionic项目中生成(使用命令:ionic resources)后,再粘贴到react native项目中. 一.ionic项目生成图标: 1.保证ionic和cordova的版本是最新的:使用ionic/cordova -v 查看版本 2.使用命令cordova platform version查看ios平台版本 3.安装ios版本最新的:ionic platform add…

学习任何技术,最快捷的方法就是学习完基础语法,然后模仿开源项目进行学习,React Native也不例外.React Native推出了1年多了, 开源项目太多了,我们以其中一个举例子.给大家演示下如何运行开源项目.(前提是你已经搭建好React Native环境了) 下载开源项目 首先需要找到开源项目 ,比如下面这个.地址: https://github.com/Bob1993/react-native-gank 进入github, clone到本地或者直接download到本地.按照之前运行…

1.Main.js /** * 主页面 */ import React, { Component } from 'react'; import { StyleSheet, Text, View, Image, Platform, //判断当前运行的系统 } from 'react-native'; /*=============导入外部组件类==============*/ import TabNavigator from 'react-native-tab-navigator'; import…

1.安装插件,cd到项目根目录下执行: $ npm i react-native-tab-navigator --save 2.主框架文件Main.js /** * 主页面 */ import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, Image, Platform //判断当前运行的系统 } from 'react-native'; /*=============导入外部组件…