react-native 学习笔记1---创建与运行项目

最新推荐文章于 2024-03-11 15:44:38 发布

三七二十几

最新推荐文章于 2024-03-11 15:44:38 发布

阅读量2k

点赞数

分类专栏： react-native 文章标签： react-native

本文链接：https://blog.csdn.net/weixin_41534645/article/details/79832973

版权

本文是作者学习React-Native时的笔记，主要分享了从环境搭建到项目创建、运行过程中遇到的坑。创建0.45版本前的项目以避免引入第三方库，通过命令行或Xcode运行iOS项目。遇到版本问题，可以修改package.json中react和react-native的版本，并重新安装依赖尝试解决。

摘要由CSDN通过智能技术生成

学习这件事就是一件不停的踩坑、填坑的过程。

最近开始学习react-native，从创建项目开始，本以为有前辈们的提醒，可以少踩坑，如履平地的往前走，但是有些坑如果不去踩一下人生是不完整的。。。

接下来我也记录下自己踩过的坑吧

首先是搭建环境，这个官方文档已经说的很详细了，pass

其次是构建项目，此处按照命令行一步步走是没错的

react-native init yourapp // 这里需要注意：直接用该命令默认新建的最新版本，而最新版本直接运行会报错，需要引入第三方库
cd yourapp
react-native run-ios

如果不想引第三方库，就创建0.45之前的版本，使用以下命令：

react-native init --version=0.44.3 yourapp

构建完成之后会提示你如何运行项目，此处列举ios的，有两种方法：

1、在命令行cd到你刚建的目录下，然后 react-native run-ios

2、直接找到项目目录下ios文件夹，用xcode打开其中的xcode文件，然后点击xcode左上角run按钮

运行成功后会自动打开ios模拟器，如下图

关注

专栏目录