반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- iMac
- Flutter
- datetime
- wrap
- Mac
- ios
- 춘식
- xcode
- 내돈내산
- visualstudiocode
- TextField
- error
- AppleSilicon
- 카카오
- list
- 라이언
- M1
- AppBar
- listview
- GitHub
- database
- sqflite
- GetX
- Android
- 플러터
- react
- swift
- Git
- VSCode
- 간단리뷰
Archives
- Today
- Total
welcome to my blog
[Flutter] SafeArea 본문
728x90
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 설정해주면 됨
728x90
반응형
'Flutter' 카테고리의 다른 글
[Flutter] getX Counter App With GetX (0) | 2021.10.20 |
---|---|
[Flutter] flutter upgrade (0) | 2021.10.19 |
[Flutter] getX 페이지이동 (0) | 2021.10.18 |
[Flutter] 갤러리에 이미지 저장하기 (0) | 2021.10.17 |
[Flutter] Image Asset 추가하기 (0) | 2021.10.16 |