[flutter] 플러터 상단바에 침범하지 않게 하기 (appbar 없을때)

플러터를 이용해 appbar 없이 앱을 만들 때 상단바 영역을 침범하는 경우가 있습니다. 해결방법은 매우 간단합니다. Scaffold위젯을 SafeArea어 위젯으로 감싸주기만 하면 됩니다. 상단바를 침범을 해결하는 방법을 예제와 함께 알아보겠습니다.

 

 

◆ 상단바 침범 예제

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Column(
      children: [
        Text(
          'abc',
          style: TextStyle(
            fontSize: 50.0,
          ),
        ),
      ],
    ),
  );
}

상단바를침범

 

◆ 상단바 침범 해결 예제

아래와 같이 SafeArea위젯을 이용해 Scaffold위젯을 감싸주면 상단바 침범 문제가 해결됩니다.

@override
Widget build(BuildContext context) {
  return SafeArea(
    child: Scaffold(
      body: Column(
        children: [
          Text(
            'abc',
            style: TextStyle(
              fontSize: 50.0,
            ),
          ),
        ],
      ),
    ),
  );
}

상단바침범해결