Study Record

[Flutter] SafeArea 본문

Flutter/widget

[Flutter] SafeArea

초코초코초코 2023. 4. 23. 22:09
728x90

🎁 SafeArea Widget

안드로이드와 아이폰에 있는 상태바나 홈버튼 부분(아이폰만 존재)을 없앨 수 있는 위젯이다. 

 

argments

  1. top: [ true / false ] : 상태바 부분을 포함하지 않는다.
  2. bottom [ true / false ] : 홈버튼 부분을 포함하지 않는다.

 

예시 ) 

void main() {
    runApp(
        MaterialApp(
            home: HomeScreen();
        )
    );
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: const Color(0xFFFF8E83),
        body: SafeArea(
          bottom: true,
          top: true,
          child: Container(
            color: Colors.black,
            child: Container(
              color: Colors.red,
              width: 50.0,
              height: 50.0,
            ),
          ),
        ));
  }
}

 

 

728x90