[Flutter] SafeArea

SafeArea : 노치 제외한 영역(컨텐츠가 가려지지 않는 영역)

 

Flutter에서 SafeArea를 사용하는 방법 : 

 

class FirstPage extends StatelessWidget {
  const FirstPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {    
    return MaterialApp(
      title: "firstPage",
      home: Scaffold(
        backgroundColor: Colors.redAccent,
        body:  SafeArea(
          child: Container(
            color: Colors.deepPurpleAccent,
            child: Text('safeArea'),
          ),
        ),
      )
    );
  }
}

위젯 상위에 SafeArea 설정해주면 됨