React Native文件介绍

一、index.ios.js文件中的东西

index.ios.js文件，是js代码的入口文件，所有的代码编写从这开始，可以定义自己的模块和引入第三方模块。

import React, { Component } from 'react'  

引入其他模块。

import {
AppRegistry,
StyleSheet,
Text,
View,
Image,
} from 'react-native';    

批量定义组件

class AwesomeProject extends Component {
render() {

　　　　return ();

　　}

} 

构建Heollo World入口类。React提供了React.createClass的方法创建一个类。里面的render方法就是渲染视图用的。return返回的是视图的模板代码。其实这是JSX的模板语法，可以提前学习下。

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
}

});

提供视图的样式，StyleSheet.create就是干这件事的，用JS的自面量表达了css样式。

AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);

注册应用入口，这个一定不能少，否则模拟器会提示报错：

二、打开Xcode可以看到的东西

Xcode中AppDelegate.m文件中有入口文件

 

闪屏界面在xcode项目中找到LaunchScreen.xib文件手动添加组件或者修改文本即可。

 ps:更新了一下AppDelegate.m文件中的东西

转载请注明出处！！！！