투케이2K

126. (Flutter/플러터) [Mac] : [UI] : SafeArea 기본 개념 설명 및 레이아웃 사용 참고 사이트 본문

Flutter

126. (Flutter/플러터) [Mac] : [UI] : SafeArea 기본 개념 설명 및 레이아웃 사용 참고 사이트

투케이2K 2024. 6. 6. 09:36

[개발 환경 설정]

개발 툴 : AndroidStudio

개발 언어 : Dart

 

[설 명]

--------------------------------------------------------------------------------
1. SafeArea 이란 Flutter 에서 Widget 를 구성할 때, 스마트폰 화면의 상단바 등이 차지하는 영역을 계산해 페이지의 컨텐츠가 화면에 알맞게 배치 되게 하는 위젯입니다
--------------------------------------------------------------------------------
2. SafeArea 는 자식 위젯에 패딩을 넣어서 디바이스 영역이 앱의 위젯 영역을 침범하는 것을 막아줍니다
--------------------------------------------------------------------------------
3. SafeArea 주요 포함 요소 : 

SafeArea(
 child: , // 자식 위젯을 추가 합니다 (ex : listView)
),
--------------------------------------------------------------------------------
 
반응형
Comments