1.创建ReactNative工程
打开终端到指定目录下输入
react-native init 工程名
回车即可等待创建,注意一定要联网,否则创建不成功
创建完成后我们就可以看到我们创建的工程文件了
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;