React-native layout exam1

layout01.js

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

class Hello extends Component {
  render() {
    return (
    <View style={styles.layout}>
      <Text>번호를 입력하세요</Text>
      <View style={{width: 200, height: 50, backgroundColor: 'skyblue'}}>
      <TextInput style={styles.item}
        placeholder="Type here"
        />
      </View>
    </View>
    );
  }
}

const styles = StyleSheet.create({
  layout: {
    flex: 1,
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center'
  },
  item: {
    flex: 1,
    backgroundColor: 'skyblue',
  }
});
// App registration and rendering
AppRegistry.registerComponent('Hello', () => Hello);