[ react-native ] App.tsx 파일 작성법, StyleSheet 작성법

앱의 출력화면은 App.js에서 만들어진다.

• react라는 모듈에서 Component라는 클래스를 import는 해옴.
• Component라는 클래스는 App 클래스가 상속 받았다.
• Component 클래스 안에는 화면을 출력하는 render()라는
  함수가 존재한다.
  • 이 함수가 return하는 것들이 화면을 구성한다.

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

class App extends Component {
  render() {
    return (
      <View style={styles.background}>
        <Text>Hello World!!!!</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  background: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default App;