import React from 'react';

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

export default function App() {

  return (

    <SafeAreaView style={styles.container}>

      <View style={styles.textContainer}>

        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>

      </View>

    </SafeAreaView>

  );

}

//텍스트가 영역을 갖고, 가운데 정렬도 하며, 테두리 스타일을 갖게 끔 하는 코드입니다.

//JSX를 마저 배우고 스타일에 대해 자세히 다루니

//걱정 안해도 좋습니다!

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: '#fff',

  },

  textStyle: {

    textAlign:"left"

  }

});