【干货】用亲身经历讲解如何利用React Native混合开发

一摘要

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

【干货】用亲身经历讲解如何利用React Native混合开发_第1张图片

二 具体步骤

第一步 创建HelloWord工程

【干货】用亲身经历讲解如何利用React Native混合开发_第2张图片

第三步 运行工程

1.目录结构

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

这样就打开了工程了

【干货】用亲身经历讲解如何利用React Native混合开发_第3张图片

3.Command+R运行工程

【干货】用亲身经历讲解如何利用React Native混合开发_第4张图片

第四步 代码编辑

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

现在我们以混编iOS为例,打开index.ios.js 我们在这个文件进行代码的编写.如果是混编安卓那么我们就在index.android.js 中进行代码书写.如图所示.

1.编辑js文件

【干货】用亲身经历讲解如何利用React Native混合开发_第5张图片

2.文件内容结构

【干货】用亲身经历讲解如何利用React Native混合开发_第6张图片

3.修改内容

【干货】用亲身经历讲解如何利用React Native混合开发_第7张图片

4.退出编辑保存

【干货】用亲身经历讲解如何利用React Native混合开发_第8张图片

5.运行工程(Command+R)

【干货】用亲身经历讲解如何利用React Native混合开发_第9张图片

结束

今天就说到这里,接下来时间会给大家介绍React Native书写的具体语法.

这里涉及到了JavaScript方面的知识.

更多精彩内容请关注微博@蓝鸥教育 ,微信【蓝鸥】。

THE END.

文/刘玉刚(蓝鸥讲师)  发布/蓝鸥仔仔

蓝鸥仔仔,一个每天拿着5毛钱工资到处嗨的人。

长期寻找好的文,结交好的人,幻想着成为一个伯乐,把好的文给大家一起看,一起成长。

很高兴认识你,喜欢请关注一个。这样,在找文的时候就更有动力了。

PS:你有文,不介意的话给我投稿吧,最最喜欢好文了,期待你的投稿。

你可能感兴趣的:(【干货】用亲身经历讲解如何利用React Native混合开发)