SafeArea

최신 스마트폰은 앱 화면을 최대한 활용할 수 있도록 디자인되었다. iOS의 노치(Notch)디자인이나 안드로이드의 상태바 하단 등 앱이 표시되는 영역이 확대되었다.

상태바 하단에 표시가 되는 문제 발생을 해결하기위해 SafeArea 위젯을 사용할 수 있다.

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SafeArea(
      child: Text('Hello world'),
    ),
  );
}

Center

해당 위젯은 자식 위젯을 중앙에 표시한다.

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: Text('Hello world'),
    ),
  );
}

Padding

해당 위젯은 자식 위젯 주위에 padding을 표시한다.

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Padding(
      child: Text('Hello world'),
      padding: EdgeInsets.fromLTRB(100.0, 300.0, 10.0, 40.0),
    ),
  );
}

Container