투케이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)
),
--------------------------------------------------------------------------------
 
반응형
저작자표시

'Flutter' 카테고리의 다른 글

128. (Flutter/플러터) [Mac] : [UI] : LayoutBuilder 사용해 위젯 사이즈 확인, 반응형 분기 처리 (Response Batch)  (0) 2024.06.07
127. (Flutter/플러터) [Mac] : [UI] : [Column] 전역 변수 MediaQuery width , height 지정해 반응형 사이즈 지정  (0) 2024.06.06
125. (Flutter/플러터) [Mac] : [UI] : Scaffold 기본 개념 설명 및 레이아웃 사용 참고 사이트  (0) 2024.06.06
124. (Flutter/플러터) [Mac] : [UI] : [Column] Flexible 사용해 child 자식 요소 렌더링 사이즈 조절 수행  (0) 2024.06.05
123. (Flutter/플러터) [Mac] : [UI] : [Column] Expanded flex 사용해 레이아웃 비율 설정 표시  (0) 2024.06.05
'Flutter' Related Articles more
Comments