[React Native混合开发]React Native for iOS之创建第一个案例

一 摘要

上一篇文章,介绍了如何在MAC电脑上搭建React Native运行环境,环境搭建好了,接下来这篇给大家介绍一下如何创建自己的工程项目.

1. 创建项目

--搭建好RN环境以后,我们来创建一个HelloWorld项目。

--首先在桌面上创建一个名为 rn_demo 的文件夹

--在终端进入创建的文件夹 (cd)

--创建项目

[React Native混合开发]React Native for iOS之创建第一个案例_第1张图片

2.打开项目并运行

---打开ios目录运行工程文件

---Command+R运行工程

[React Native混合开发]React Native for iOS之创建第一个案例_第2张图片


[React Native混合开发]React Native for iOS之创建第一个案例_第3张图片

3. 代码编辑 打开App.js编程

现在大家最关心的在哪里写代码,下面就给大家介绍在哪个位置进行代码的编写.

现在我们以混编iOS为例,打开App.js 我们在这个文件进行代码的编写.


[React Native混合开发]React Native for iOS之创建第一个案例_第4张图片


[React Native混合开发]React Native for iOS之创建第一个案例_第5张图片

-------修改内容

[React Native混合开发]React Native for iOS之创建第一个案例_第6张图片

-----运行工程(Command+R)

[React Native混合开发]React Native for iOS之创建第一个案例_第7张图片

你可能感兴趣的:([React Native混合开发]React Native for iOS之创建第一个案例)