[flutter] 플러터 금주의 위젯 #01 safearea

wonsama (79)in #sct • 5 years ago (edited)

SAFEAREA (안전영역)

충분한 패딩(들여쓰기)으로 자식(child)을 삽입하는 위젯입니다. 예를 들어, 화면 상단의 상태표시줄, 노치, 카메라영역등이 존재하면 해당 영역을 포함하여 패딩처리를 수행 합니다. 최소 패딩이 지정된 경우에는 최소 패딩 또는 안전 영역 패딩 중 더 큰 패딩이 적용됩니다.

flutter docs

https://api.flutter.dev/flutter/widgets/SafeArea-class.html

youtube

EXAMPLE(예제)

SAFEAREA 적용	SAFEAREA 미적용

import 'package:flutter/material.dart';

/// SafeArea : 안전영역 예제
///
/// widget 을 SafeArea 의 child 속성으로 넣어주면 됨.
///
class ExSafeArea extends StatelessWidget {

  /// 기본적인 화면을 그려주도록 한다
  @override
  Widget build(BuildContext context) {
    /// SafeArea 사용
    return SafeArea(
      child: ListView(children: List.generate(100, (i) => Text("wow2 is $i.")))
    );
    /// SafeArea 미사용
    // return ListView(children: List.generate(100, (i) => Text("wow3 is $i.")));
  }
}