[ReactNative]iOS 컴포넌트

01 개요

본 문서에서는 리액트 네이티브에서 사용하는 컴포넌트 중 iOS에서만 배타적으로 사용되는 컴포넌트에 대해서 다룬다.

최종수정일 : 2023.08.10

02

SafeAreaView

iOS 버전 11 이상을 사용하는 iOS 기기
모바일의 탭, 툴바, 네비게이션, 실제 기기 화면의 제약, 카메라 등을 고려하여 앱 내용을 표현하기 적절한 영역 내에 내용을 렌더링한다.

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

const App = () => {
 return (
   <SafeAreaView style={styles.container}>
     <Text style={styles.text}>Page content</Text>
   </SafeAreaView>
 );
};

const styles = StyleSheet.create({
 container: {
   flex: 1,
 },
 text: {
   fontSize: 25,
   fontWeight: '500',
 },
});

export default App;