首页 > 代码库 > 文件内容解析
文件内容解析
下面是我的第一个React Native程序,也是自己对该程序的文件内容解析一些理解,注释很清楚哟,相信你一看就懂!!!!
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */// 1.引入组件import React, { Component } from ‘react‘;import { AppRegistry, // 注册 StyleSheet, // 样式 Text, // 文本组件 View, // 视图组件 Image, // 图片组件 TextInput, //输入框组件} from ‘react-native‘;class AwesomeProject extends Component { // 2. 设置界面 ---- 写结构和内容 // 函数-- 初始化方法 相当于OC的viewDidLoad -->返回具体的组件内容 render() { // 通过return()返回 return ( <View style={styles.container}> <Text style={styles.welcome}> SiSi </Text> <Text style={styles.instructions}> SiSi </Text> <Text style={styles.instructions}> SiSi </Text> <Text>Hello!{this.props.name}! </Text> </View> ); }}// 3.设置样式const newStyle = StyleSheet.create({});const styles = StyleSheet.create({ container: { flex: 1, justifyContent: ‘center‘, alignItems: ‘center‘, backgroundColor: ‘red‘, }, welcome: { fontSize: 20, textAlign: ‘center‘, margin: 10, }, instructions: { textAlign: ‘center‘, color: ‘#333333‘, marginBottom: 5, },});AppRegistry.registerComponent(‘AwesomeProject‘, () => AwesomeProject);
文件内容解析
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。