React Native 爬坑笔记



提要

早就听说了 FaceBook 出的 React Native 混合开发,一套代码两个平台的应用。前几天终于有幸尝试了几个应用,折腾死我了…

环境搭建

  • Android Studio
    因为之前有一定的原生安卓开发经验,所以 Android Studio 的环境我是有的
  • Node
    好巧,我也有,因为这个 Hexo 博客(手动滑稽)。这里要提醒新手的是最好改一下镜像链接,国外而很慢…还有记得装 yarn,比 npm 好用
  • Python
    官网要 2.0,但是我电脑上装的 3.0,而且在 0.57 的教程里我并没有看到 Python 的安装以及路径,因为怕之后的环境冲突,所以没装

PS:这里需要提醒的是…官网的教程默认是最新版,你要按需手动切换版本号

不一样的版本号教程有点不一样,对没错就是 Python2 以及 Android Studio 一些东西不一样,有些版本详细,有些版本简陋(手动微笑)

Hello World

尝试新东西肯定是从最开始的学起,咔咔咔按照教程的配置完,然后 react-native run-android,嗯?忘了打开 Android Studio,哦对了要等 Gradle 构建完成才行

重新插入手机,使 Android Studio 识别,然后继续 react-native run-android,嗯?红屏报错
make sure your bundle is packaged correctly or you're running a packager server,提示找不到 Node 服务器。官网的教程里有解决方案,在真机运行时,需要通过 adb reverse tcp:8081 tcp:8081 命令指定端口,端口具体无所谓,别被占用都行…

指定完端口,重新运行就没问题了,通过 RR 动态修改代码后显示,体验真的不错…

高级

折腾 React Native 的主要目的是跑起来搭档给我的工程

编译问题

Gradle 是 2.14 版本的,可能是从 GitHub 很久之前的仓库下的,下载了 Gradle,折腾了小半天,把报错啥的解决了,Gradle 终于 Build 正常了…

接着重新运行还是没找到服务器,很绝望…

尝试解决

  • 下载 AVD
    我是个有强迫症的人,容不得 C 盘有乱七八糟的东西,但是没办法,然而还是找不到服务器…
  • 夜神模拟器
    可能还是端口的问题
  • 解决方案
    react-native run-android 这条命令是真的坑,询问同伴之后,换成了 react-native start,插上真机,然后手动去 Android Studio 右上角运行,撒花完结…

总结

  • 遇到问题多谷歌
  • 多询问爬过坑的小伙伴
  • 不要自己没玩过就推荐给别人,看和自己动手是两回事
------------- The End -------------
「不为五斗米折腰------真香」
0%