ReactNative结构、运行

1.创建ReactNative工程

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

react-native init 工程名

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

ReactNative结构、运行_第1张图片
创建ReactNative工程

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

2.工程文件介绍

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 入门实例教程

你可能感兴趣的:(ReactNative结构、运行)