chuyihuang

import React, { Component } from 'react';
import { View, TextInput, Text, Button } from 'react-native';

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: null,
      todos: [],
    }

chuyihuang

import React, { Component } from 'react';
import { View, TextInput, Text, Button } from 'react-native';

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: null,
      todos: [],
    }

chuyihuang

import React, { Component } from 'react';
import { View, TextInput, Text, Button } from 'react-native';

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: null
    }
  }

chuyihuang

import React, { Component } from 'react';
import { View, TextInput, Text } from 'react-native';

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: null
    }
  }

chuyihuang

import React, { Component } from 'react';
import { View, TextInput } from 'react-native';
export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: null
    }
  }
  componentWillReceiveProps() {

chuyihuang

import React, { Component } from 'react';
import { View, TextInput } from 'react-native';
export default class App extends Component {
  constructor(props) {
    super(props);
    console.log("constructor");
  }
  componentWillMount() {
    console.log("component will mount");
  }

chuyihuang

      <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
        <Text style={
          {
            color: '#cc0000',
            fontSize: 40,
            textDecorationLine: 'underline',
            textDecorationColor: 'blue',
            textShadowColor: 'black',
            textShadowOffset: {
              width: 2,

chuyihuang

import React, { Component } from 'react';
import { Text, View } from 'react-native';
export default class App extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <View style={{flex: 1, flexDirection: 'column'}}>
        <View style={{flex: 1,

chuyihuang

import React, { Component } from 'react';
import { Text, View } from 'react-native';
export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      factor1: 2,
      factor2: 5,
    }
  }

chuyihuang

import React, { Component } from 'react';
import { Text, View } from 'react-native';
export default class App extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <Child value="我是子元素" />
    );