ReactNative结构、运行

1.创建ReactNative工程

打开终端到指定目录下输入

react-native init 工程名

回车即可等待创建,注意一定要联网,否则创建不成功

创建ReactNative工程

创建完成后我们就可以看到我们创建的工程文件了

2.工程文件介绍

工程目录

ios文件夹对应的就是iOS工程
android文件夹对应的就是Android工程
而index.XXX.js就是我们要写对应的代码的地方
node_modules就是ReactNative的资源文件,里面包含了所有控件的封装等

3.运行工程

ReactNative的运行一定要开启终端才可以
在终端输入

react-native run-ios

打开iOS工程
在终端输入

react-native run-android

打开android工程

iOS菜单:cmd+ctrl+z
安卓菜单:菜单就会出来菜单

index.js文件:
这个主要是一个新的入口文件,一般不需要调整这个文件的代码,它只是引入App.js文件,以此来改变以前的index.ios.js和index.android.js。
App.js文件:

import React, { Component } from 'react';
import {
} from 'react-native';

class App extends Component {
  入口的代码
}
export default App;

参考资料

1.React Native 官方文档中文版
2.React 入门实例教程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容