study: 리네다기 | 2장 - UI 구성과 flex

화면 구성에서 가장 먼저 하는 작업은
App 컴포넌트의 SafeAreaView 가 전체 영역을 사용하도록 설정하는 것이다

import React, {useState} from 'react';
import {SafeAreaView, StyleSheet} from 'react-native';

const App = () => {
  return (
    <SafeAreaView style={styles.full}>
    </SafeAreaView>
  );
};
const styles = StyleSheet.create({
  full: {
    flex: 1,
  },
});

export default App;

flex

리액트 네이티브 스타일에서 flex 속성을 1로 설정하는 것은
자신이 위치한 곳의 영역을 모두 사용하겠다는 의미

flex 를 자유자제로 다룰 수 있어야 하는데..
게속 사용하면서 따로 정리해야겠다

alingItems 는 가로 justfyContent 는 세로 정렬

이미지 크기