网站外包费用怎么做分录,wordpress 萌化主题,如何做征信公司网站,卖源码的网站前言
React Native 是 Facebook 推出的一款用于开发移动应用的框架#xff0c;开发者可以用 JavaScript 和 React 等技术#xff0c;一次编写代码#xff0c;然后同时部署到 iOS 和 Android 平台上#xff0c;大大节省了开发时间和人力成本#xff0c;避免了为每个平台单…前言
React Native 是 Facebook 推出的一款用于开发移动应用的框架开发者可以用 JavaScript 和 React 等技术一次编写代码然后同时部署到 iOS 和 Android 平台上大大节省了开发时间和人力成本避免了为每个平台单独编写代码的重复工作。
支持热更新功能开发者在应用发布后可以在不发布新版本的情况下通过更新服务器上的代码实现应用的部分功能更新用户无需重新下载安装应用就能体验到新的功能或修复后的问题。
要想学会React Native首先react的学习是一个基础。。。什么你还问react为什么是基础好了你别学了。
以下流程是我这几天经过大量阅读各种文档询问技术大牛不断碰壁总结出来的以win10系统为例的原生rn安装流程。
环境配置
1、node版本要求这里你自己去安装
首先你的node版本应该在18及以上我的是18版本安装node时应该选择稳定版本偶数版本
2、下载JDK17 下载链接: https://pan.baidu.com/s/16fHRvj8ItMGVMg2ujtXkag?pwdwjl6 提取码: wjl6
在我的网盘下载好JDK17之后进行安装一直Next就好。
当然了JDK17也是需要配置环境变量的
首先变量名就设置成JAVA_HOME,变量值就是你的jdk的所在路径一般默认来说就是C:\Program Files\Java\jdk-17 其次就是需要继续配置Path新增%JAVA_HOME%\bin 之后我们需要验证JDK是否已经配置好了使用winr输入cmd回车
输入命令javac -version查询一下 因为我这里安装的最新的版本所以你看到javac 17.0.13就成功了到此JDK就ok了。 3、下载Android Studio
下载链接https://pan.baidu.com/s/10vNR2yZnHgYBjSws-Rqmmg?pwdwjl6 提取码: wjl6
这里Android Studio我是从官网下载的最新的直接下载我这里的就好。接下来一路Next就好。
启动之后几个注意点看下面 这里第一次安装记得选第二个 如果你的页面出现这里的内容选择第一个就好。这里是否需要接收谷歌的邮件信箱建议点击不要发送信息不然会收到很多垃圾邮件。 这里点击Cancel就可以了这是因为我们还没有配置安装SDK路径所出现的警告 这里我们点击自定义安装 之后默认路径安装就好这里把所有选项全部勾选上路径你想默认就默认想自定义就自定义。 然后继续默认Next到以下页面第一项和第二项都要勾选同意否则不允许下一步然后点击Next 就好了。 到这一步等着就好了但是可能在最后会有东西下载失败不用担心我也是在这里一直失败后来我手动下载了安装包找到相应的位置进行的手动安装链接我放下面。点击Finish 通过网盘分享的文件haxm-windows_v7_8_0.zip 链接: https://pan.baidu.com/s/1DsC0oW5SWASSTPKZNj2G9A?pwdwjl6 提取码: wjl6
我已经替大家下载好了拿去用就可以安装到以下位置 因为我是默认安装的你只需要找到你安装的SDK位置在其下目录的intel目录下创建文件夹Hardware_Accelerated_Execution_Manager将你在我网盘下载的安装包解压到这个新建的文件夹就好了。然后双击haxm-7.8.0-setup.exe进行安装就好了。
打开编译器看到More Actions选择SDK Manager 接下来看你就按照我的安装内容来就行了如下
首先进行SDK Platforms中的东西记得选中右下角的show package details将所有的选项显示。
这里一张图放不下耐心看我的图确保都安装了。提示先不要点击finish等将sdk tools选项选择完毕之后一块finish。 好到现在sdk platforms里的东西就结束了。
下面安装sdk tooks中的东西同样点击show package details将所有的选项显示。 好到这一步点击finish
之后就是配置sdk的环境了如下
变量名我们就叫ANDROID_HOME就好变量值就是你刚才的SDK路径。 之后继续配置Path添加%ANDROID_HOME%\platform-tools 到现在为止安卓编译器的环境也就配置好了
如果你之前全局安装过旧的react-native-cli命令行工具请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突命令npm uninstall -g react-native-cli react-native-community/cli
创建RN项目命令npx react-native-community/cli init ‘你的项目名’。
创建完成之后gradle-wrapper.properties文件中有个下载地址需要替换成阿里云的否则项目启动不起来替换成这段代码distributionUrlhttps://mirrors.aliyun.com/macports/distfiles/gradle/gradle-8.10.2-all.zip
如下 替换完成之后关闭项目重启可以在App.tsx中随便修改一点代码通过启动命令yarn android运行项目即可Yarn是 Facebook 提供的替代 npm 的工具可以加速 node 模块的下载。
安装yarn命令npm install -g yarn
提示一下第一次启动项目慢得很我竟然启动了30分钟才成功笑死了。。。成功如下 这样环境基本就没啥问题了有问题下面评论我看到会回复的 总结
通过这几天的面试发现好多公司都是使用rn的现在大多网上都是expo框架大家都找不到原生的rn环境配置过程我这边配置好了如果你那里有问题的话请下面评论你的问题我会尽自己最大努力帮你解决
