码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2016-08-25 21:29:22      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:

一 摘要

上一篇文章,介绍了如何在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方面的知识.

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

标签:

原文地址:http://blog.csdn.net/baihuaxiu123/article/details/52295723

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!