RN-环境搭建和HelloWorld

最新推荐文章于 2024-03-18 08:00:00 发布

原创最新推荐文章于 2024-03-18 08:00:00 发布 · 307 阅读

0 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

2 篇文章

订阅专栏

本文分享了作者从Android开发转向使用Flutter开发的过程，并记录了搭建开发环境及实现第一个项目的步骤。文章详细介绍了安装Node.js、React Native命令行工具及Android Studio等必备软件的方法，并解决了在运行HelloWorld示例过程中遇到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近公司开发超级App,在Reac Native 和 Flutter之间选择了Flutter,其实我个人还是比较倾向Flutter，入门门槛相对比较低。RN入手需要一定的前段知识和移动端的知识。本人是Android开发，所以最头疼的是前段技术，js,react，css,html5,es等等。先从Hello World 开始采坑吧！

1.开发环境

开发所需要的软件 Node.js
1.Node.js的安装
官网：https://nodejs.org/en/download/
2.安装React Native 命令行工具
npm install -g react-native-cli
在这里插入图片描述 3. 安装AndroidStudio
注意配置环境变量
2.HelloWorld
react-native init FristApp 创建FirstApp
react-native run-android 运行到手机上
运行成功

可能会报错：
错误1：

打开即可
错误2：运行到手机上

在运行过程中就存在错误
在这里插入图片描述