React-Native 安装环境问题总结

安卓环境配置

  • 本着教程安装了Mac下React-Native 环境。由于之前装flutter的时候把一些环境都安装了。原以为这次安装会很容易,诸不知踩了很多坑。
    • android studio 已经安装成功,但是jdk未安装,去oracle 官网下载下来。速度慢,稍微影响了一下心情,但是都不是大问题
    • 按照文档做了如下:
在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下⻆角勾选"Show Package Details"。展 开 Android 9 (Pie) 选项,确保勾选了了下⾯面这些组件(重申你必须使⽤用稳定的翻墙⼯工具,否则可能 都看不不到这个界⾯面):
Android SDK Platform 28
Intel x86 Atom_64 System Image 
然后点击"SDK Tools"选项卡,同样勾中右下⻆角的"Show Package Details"。展开"Android SDK Build-
Tools"选项,确保选中了了 React Native 所必须的 28.0.3 版本。
复制代码
    • 上面的设置还ok,然后运行react-native run-android,居然一直在下载gradle的包,很慢很慢,一晚上了然后还下载失败,第二天继续弄,去下载了离线包,然后百度各种方法去看离线包如何放置,下面是包放置的步骤
1、应用程序中找到android studio
2、右键查看包
3、找到gradle目录
4、拷贝下载下来的包到gradle目录下面
5、环境变量配置
6、open ~/.bash_profile
7、GRADLE_HOME=/Applications/AndroidStudio.app/Contents/gradle/gradle-4.7;

export GRADLE_HOME

export PATH=$PATH:$GRADLE_HOME/bin
8、source .bash_profile  更新配置
9、gradle -version中查看版本,更新成功

复制代码
    • 到上面位置,其实已经安装的差不多了,可是运行react-native run-android ,模拟器打开了,然后呢,却报错,查看原因是端口占用,安装模拟器默认端口8081,那么记下来需要做的就是Android Studio 模拟器打开dev setting 修改IP,重新Reload
1、在你创建的项目下,打开cmd
2、adb shell input keyevent 82 (这里一定要注意,这个操作一定是要先运行react-native run-android)
3、模拟器上弹出dev settings窗口
4、选择Debug server host & port for device
5、输入本机的IP及相应的端口(端口(8082)可以自己设定,设定好之后下次运行用 react-native run-android --port 设定的端口(8082)
复制代码

以上就是安卓环境的配置问题

接下去说下ios环境的配置

  • 在RN开发中,ios会使用pod 安装第三方库
通过 pod init 自成 Podfile文件
打开文件加入相关内容如下
执行 pod install ,这个过程会等待比较长的时间
复制代码

其实ios下面还主要是端口问题

转载于:https://juejin.im/post/5cfce1e0e51d4556be5b3a25

猜你喜欢

转载自blog.csdn.net/weixin_34232617/article/details/93178962