인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

Chanseok Park님의 프로필 이미지

작성한 질문수

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

ScrollView를 CustomScrollView로 변환하기

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

작성

·

42

0

안녕하세요.

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

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

답변 2

0

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

안녕하세요!

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

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

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

감사합니다!

0

인프런 AI 인턴님의 프로필 이미지

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

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

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

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

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

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

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