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

来源:互联网 发布:中国网络空间安全战略 编辑:程序博客网 时间:2024/05/17 08:48

一 摘要

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

二 具体步骤

第一步 创建HelloWord工程

这里写图片描述

第三步 运行工程

1.目录结构

这里写图片描述

2.打开ios目录运行工程文件

这里写图片描述

这样就打开了工程了

这里写图片描述

3.Command+R运行工程

这里写图片描述

第四步 代码编辑

现在大家最关心的在哪里写代码,下面就给大家介绍在哪个位置进行代码的编写.
现在我们以混编iOS为例,打开index.ios.js 我们在这个文件进行代码的编写.如果是混编安卓那么我们就在index.android.js 中进行代码书写.如图所示.

1.编辑js文件

这里写图片描述

2.文件内容结构

这里写图片描述

3.修改内容

这里写图片描述

4.退出编辑保存

这里写图片描述

5.运行工程(Command+R)

这里写图片描述

结束

今天就说到这里,接下来时间会给大家介绍React Native书写的具体语法.
这里涉及到了JavaScript方面的知识.

3 0
原创粉丝点击