티스토리 뷰
Dart & Flutter/궁금했던 것, 몰랐던 것
Top bar 또는 bottom navigation 을 숨겼는데 다시 생겨서 overflow 발생할 때
낭초비 2023. 9. 5. 10:40반응형
현재 만들고 있는 앱의 디자인이 Bottom Navigation Bar (system UI) 와 어울리지 않아서 숨겨 두었다.
main 함수에 아래와 같이 추가하면 숨겨진다
문제는 이 엃게 숨겨진 bottom navigation bar 가 영원히 숨겨지는게 아니란 것이다. 사용자가 터치스크린의 bottom edge에서 위쪽으로 swipe하면 다시 나타난다. 그리고 이로 인해 bottom 에 overflow가 발생한다.
이 문제를 해결하기 위해 구글링을 해보았다. 나와 같은 문제를 겪은 사람들이 몇몇 보이지만 완벽하게 해결할 수 있는 방법은 없는 듯하다. (몇 명 보이지 않는 이유가 화면 구성시 이러한 문제가 발생하지 않게끔 해주는 widget 이나 structure 가 있는지도 모르지....)
하나 찾은 대안은 main 함수에 시스템 UI 가 변경될 때 호출 되는 함수에 이전 systemUI 로 restore 하는 명령을 집어 넣는 것이다. 이 때 중요한것은 delay를 넣어 주는 것이다. 그렇지 않으면 앱 닫기가 안된다...위로 swipe 할때마다 다시 앱 UI 가 restore 되서 system UI가 사라지기 때문이다. 최소 1초 이상의 delay를 넣어줘야 한다고 한다. system UI 에서는 1초에 1회 이상의 변화는 restrict 한단다.
반응형
'Dart & Flutter > 궁금했던 것, 몰랐던 것' 카테고리의 다른 글
system UI (status bar/navigation bar) 안 보이게 만들기 (0) | 2023.10.25 |
---|---|
팝업창 위치 조정 (0) | 2023.10.16 |
iOS 14 이상에서는 개발과정에서 설치한 앱 실행 안됨 (0) | 2023.02.08 |
syncfusion chart 로딩이 오래 걸린다. (0) | 2023.01.19 |
int 는 몇 bits 일까? Unit8List 와의 관계는? (0) | 2022.09.07 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 다트
- Bluetooth
- SizedBox
- hide
- 디자인
- UI
- 앱 프로그래밍
- IOS
- Syncfusion
- TextField
- 크롬
- position
- Flutter
- 앱개발
- DART
- error
- Chrome
- 에러
- 한빛미디어
- UX
- TextFormField
- 플러터
- 문제 해결
- addPostFrameCallback
- 이미지
- firebase
- 앱
- 인사이트
- BLE
- plugin
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함