scrollController 적용 시 화면이 깜박이는 문제 해결 방법
168
작성한 질문수 10
안녕하세요.
scrollController 적용 시 AppBar에 지역명이 적용되면서 화면이 깜박이고 있습니다.
해당 문제를 해결할 수 있는 방법은 없나요?
답변 2
0
안녕하세요!
"깜빡임"의 이유는 잠시 다른 화면으로 렌더링 됐다가 돌아오기 때문입니다.
깜빡이는 위젯이 적용되는 조건문을 변경해주시면 해결 할 수 있을걸로 예상됩니다.
혹시 해결 어려우시다면 코드와 함께 어떤 조건문에서 깜빡이는지 보여주시면 추가로 도움 드리겠습니다.
감사합니다!
0
안녕하세요, 인프런 AI 인턴입니다. Chanseok Park님, 질문 주셔서 감사합니다.
Flutter에서 scrollController를 사용하여 스크롤 이벤트에 따라 AppBar 제목이나 다른 위젯의 상태를 변경할 때, 화면이 깜박이는 문제가 발생할 수 있습니다. 이는 주로 위젯의 상태 변경이 일시적으로 급격하게 이루어질 때 보이게 됩니다. 이를 해결하기 위해 몇 가지 방법을 제안드립니다:
상태 변경 최소화: 스크롤 이벤트에 따라 AppBar의 제목을 바꾸는 등의 작업은 불필요하게 자주 발생하지 않도록 최적화해야 합니다. 예를 들어, 스크롤 위치가 특정 임계값을 넘을 때만 제목을 변경하도록 로직을 구성할 수 있습니다.
RepaintBoundary 사용:
RepaintBoundary위젯을 사용하여 특정 화면 조각만 다시 그려지도록 최적화할 수 있습니다. 이렇게 하면 불필요한 영역의 리렌더링을 피하고, 깜박임을 줄일 수 있습니다.애니메이션 적용: 깜박임이 시각적 깔끔함을 해치지 않도록 애니메이션을 활용해 상태 변화를 자연스럽게 표현할 수 있습니다.
이와 관련하여, 유사한 문제를 다룬 커뮤니티 포스트를 참고해 보시면 도움이 될 수 있습니다:
- “플러터 화면이동간 질문”: 이 게시물에서는 Flutter에서 네비게이션 전환 시 발생하는 애니메이션과 관련된 문의가 다루어지고 있는데, 유사한 문제 해결에 대한 힌트를 얻을 수 있습니다.
- “CustomScrollView에 TabBar적용시 스크롤하면 여백이 많이생겨요.”: CustomScrollView와 관련된 문제 해결 방법도 참고할 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
198강 (){onTap(e);}의 이해 돕기
0
24
1
video_call 플러그인 설치후 에러 발생
0
45
1
SDK 안드로이드 설치 질문!
0
59
1
코드팩토리 디스코드 링크 다시 부탁드려요~
0
92
1
Webview를 이용해서 URL 상의 페이지 출력 불가
0
69
1
홈스크린 함수를 함축해서 main.dart에 옮기는 문제
0
55
1
플레이스토어
0
59
1
아고라 엔진 init 함수의 반환타입이 Future<void> 이것의 의미는 무엇인가요?
0
55
1
가이드라인 질문
0
57
0
emulator 에러 환경설정 뭐가 문제 일까요??
0
76
1
emulator 실행 오류
0
93
3
Column을 가로방향 최대 사이즈를 차지하도록 하는 방법에 관련
0
71
1
pubspec.yaml에서 font를 추가하면서 weight 값을 지정하는 것이 의미가 있는 것인지 문의
0
43
1
setState()를 호출하지 않으면 build가 실행 안되는 건가요?
0
53
1
video_call 플러그인 설치시 에러문제
0
64
1
children 안의 if 문에서 { } 못쓰는 이유?
0
48
1
이렇게 오류가 떠요
0
63
1
AppBar 사용했는데
0
61
2
[문제해결] '오늘도 출첵!' 의 171번 강의에서 중요한 문제를 발견했습니다
0
56
1
StatefulWidget 실습 에러가 발생합니다.[해결완료]
0
63
1
Video Player 프로젝트에 대한 추가 질문
0
53
0
Row위젯이나 column위젯의 위치는 누가 정하나요??
0
42
1
geolocator 오류때문에 개발진행이 불가능입니다
0
63
1
API 관련 이슈
0
86
2