zoukankan      html  css  js  c++  java
  • 文件内容解析

    下面是我的第一个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);
  • 相关阅读:
    【洛谷习题】公路修建
    priority_queue用法简记
    【洛谷习题】无线通讯网
    【SCOI2005】繁忙的都市
    第四周 3.20-3.26
    第三周 3.13-3.19
    第二周 3.6-3.12
    第一周 2.28-3.5
    第六周 2.21-2.27
    2018湘潭邀请赛 AFK题解 其他待补...
  • 原文地址:https://www.cnblogs.com/pengsi/p/5875884.html
Copyright © 2011-2022 走看看