博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react native (一)
阅读量:5885 次
发布时间:2019-06-19

本文共 1086 字,大约阅读时间需要 3 分钟。

开始接触app方面的工作,真心塞~

又开始了周而复始的死磕一个问题专坐一整天的节奏,关键是还没有成绩,实在无语。╮(╯▽╰)╭,还是总结一下最近心塞历程吧……

react native中文网:

看看文档就上手吧(默认环境均已配好):

1.新建项目的那些事:

将npm包切换至淘宝源(下载速度快):

npm config set registry http://registry.npm.taobao.org/
安装react-native命令行工具
npm install -g react-native-cli

创建项目

进入你的工作目录,运行

react-native init MyProject  //MyProjec是你的项目名称

按照提示,直至运行packager

react-native start
可以用浏览器访问 看看是否可以看到打包后的脚本js代码,(8080项目是默认端口号)

至此,一个react-native壳子的app项目新建完成。

2.主角上场:

有了‘家’,那主角是不是应该上场呢?对,接下来就应该连接上真机或者虚拟机,来看看新建项目的庐山真面目。

连接夜神模拟器时出现问题的解决方案:

3.问题接二连三:

接着,聪明的你就会看见鲜红的报警提示:

unable to load script from assets index.android.bundle on windows

解决方案:

①在工程目录新建assets文件android/app/src/main/assets②根目录下运行命令react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res③重新安装appreact-native run-android

Could not connect to development server”

解决方案:

摇一摇手机,然后选择弹框中的“debug server host & port for device”,设置好服务器的端口号即可。


解决方案:

解决方案:

cd android && gradlew cleanTHENcd .. && react-native run-android

4.一如既往的继续……

转载地址:http://fylix.baihongyu.com/

你可能感兴趣的文章
【ANT】ant使用
查看>>
Go基础系列:Go接口
查看>>
miniprogrampatch 提供 watch 和 computed 特性
查看>>
java按照关键字指定的key删除redis(支持模糊删除)
查看>>
information_schema系列四(跟踪,列约束,表和列)
查看>>
TreapDB is a key-value store based on Treap
查看>>
BINGMAPS地图下载及切图和重命名工具使用教程
查看>>
BYTE* To Float*
查看>>
(转)C# 把我所积累的类库全部分享给博友(附件已经上传)
查看>>
Silverlight5 无法切换输入法,无法输入中文的原因及解决初探
查看>>
游戏开发基础:方向键的组合,八方向实现
查看>>
黑书-DP-方块消除 ****
查看>>
MySQL 分区
查看>>
编辑框内容变化,修改列表
查看>>
织梦之路——织梦自定义函数教程
查看>>
分享一个String Replace方法
查看>>
我的架构经验系列文章 - 后端架构 - 语言层面
查看>>
Xamarin向iOS和Android引入C#异步支持
查看>>
DEFERRED_SEGMENT_CREATION
查看>>
设置mysql的默认存储引擎
查看>>