Inflearn brand logo image

인프런 커뮤니티 질문&답변

Chanseok Park님의 프로필 이미지
Chanseok Park

작성한 질문수

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

ScrollView를 CustomScrollView로 변환하기

scrollController 적용 시 화면이 깜박이는 문제 해결 방법

작성

·

96

0

안녕하세요.

scrollController 적용 시 AppBar에 지역명이 적용되면서 화면이 깜박이고 있습니다.

해당 문제를 해결할 수 있는 방법은 없나요?

답변 2

0

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

안녕하세요!

"깜빡임"의 이유는 잠시 다른 화면으로 렌더링 됐다가 돌아오기 때문입니다.

깜빡이는 위젯이 적용되는 조건문을 변경해주시면 해결 할 수 있을걸로 예상됩니다.

혹시 해결 어려우시다면 코드와 함께 어떤 조건문에서 깜빡이는지 보여주시면 추가로 도움 드리겠습니다.

감사합니다!

0

안녕하세요, 인프런 AI 인턴입니다. Chanseok Park님, 질문 주셔서 감사합니다.

Flutter에서 scrollController를 사용하여 스크롤 이벤트에 따라 AppBar 제목이나 다른 위젯의 상태를 변경할 때, 화면이 깜박이는 문제가 발생할 수 있습니다. 이는 주로 위젯의 상태 변경이 일시적으로 급격하게 이루어질 때 보이게 됩니다. 이를 해결하기 위해 몇 가지 방법을 제안드립니다:

  1. 상태 변경 최소화: 스크롤 이벤트에 따라 AppBar의 제목을 바꾸는 등의 작업은 불필요하게 자주 발생하지 않도록 최적화해야 합니다. 예를 들어, 스크롤 위치가 특정 임계값을 넘을 때만 제목을 변경하도록 로직을 구성할 수 있습니다.

  2. RepaintBoundary 사용: RepaintBoundary 위젯을 사용하여 특정 화면 조각만 다시 그려지도록 최적화할 수 있습니다. 이렇게 하면 불필요한 영역의 리렌더링을 피하고, 깜박임을 줄일 수 있습니다.

  3. 애니메이션 적용: 깜박임이 시각적 깔끔함을 해치지 않도록 애니메이션을 활용해 상태 변화를 자연스럽게 표현할 수 있습니다.

이와 관련하여, 유사한 문제를 다룬 커뮤니티 포스트를 참고해 보시면 도움이 될 수 있습니다:
- “플러터 화면이동간 질문”: 이 게시물에서는 Flutter에서 네비게이션 전환 시 발생하는 애니메이션과 관련된 문의가 다루어지고 있는데, 유사한 문제 해결에 대한 힌트를 얻을 수 있습니다.
- “CustomScrollView에 TabBar적용시 스크롤하면 여백이 많이생겨요.”: CustomScrollView와 관련된 문제 해결 방법도 참고할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Chanseok Park님의 프로필 이미지
Chanseok Park

작성한 질문수

질문하기