App.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, { Component } from 'react'; ``
import { Platform, StyleSheet, Text, View } from 'react-native';

import PropsDemo from "./src/RN01_Props"; ///props(属性)
import StateDemo from "./src/RN02_State"; ///state(状态) 以及获取真实Dom节点 def使用
import StyleDemo from "./src/RN04_Styles"; ///style(样式)
import FlexBoxDemo from "./src/RN05_FlexBox"; ///FlexBox(弹性盒子布局) 
import ScreenDemo from "./src/RN06_Screen"; ///屏幕宽度和高度
import MovieList from "./src/MovieList";
import ViewsDemo from "./src/Views";
import MainTableView from "./src/MainTableView";
import AppStackNavigator from "./src/AppStackNavigator"


export default class App extends Component {
  constructor(props) {
    super(props);

  }
  render() {

    return (
      // <View style={styles.container}>
        <AppStackNavigator />
      // </View>

    );
  }
}


/*
* 02 查看LifeCycleComponent的生命周期模拟移除组件
* */
//render() {
//
//  var myView = this.state.remove?null:<LifeCycleComponent />;
//  var myText = this.state.remove?"添加myView":"移除myView";
//
//  return (
//      <View style={styles.container}>
//<Text
//  style={{fontSize:20}}
//  onPress={()=>{
//    this.setState({
//      remove : !this.state.remove
//    })
//  }}>{myText}
//</Text>
//  {myView}
//  </View>
//);
//}



const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});