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

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

선우님의 프로필 이미지

작성한 질문수

[2025 리뉴얼]플러터플로우로 코딩 없이 한달 안에 앱 만들기

[2025 리뉴얼] 트윗 나열하기 (Listview, Document from Reference)

모바일로 넘겨서 봤을때 홈페이지가 스크롤이 되다가 올라와요.

작성

·

54

0

Homepage에서 Column에서 스크롤을 설정하고 pc로 테스트해보면 스크롤이 잘되는데 모바일로 링크에 들어가서 하면 스크롤을 내리면 다시 올라오는 현상이 발생해요 어떻게 해결하죠?

답변 2

0

피어낫프로덕님의 프로필 이미지
피어낫프로덕
지식공유자

안녕하세요 선우님,

좋은 질문 해주셔서 감사 드립니다.

다음과 같이 해 주실 수 있으신지요?

 

 

첫째, Listview의 부모 Column에서 Primary ON을 해줍니다.

image.png

 

 

둘째, Listview의 Primary를 OFF 해줍니다.

image.png

 

 

이대로 테스트 해 주시구요.

만약에 그래도 안될 경우 - Column에서 Expansion을 Expanded로 바꿔서 한번 더 테스트 해주세요.

image.png

 

한번 테스트 해주시고 어떤 조건에서 되었는지 말씀해 주시면 감사하겠습니다..!

강의노트에서 반영을 해서 더 많은 수강생들이 도움을 받게끔 하고 싶습니다.

 

감사합니다

 

피어낫프로덕님의 프로필 이미지
피어낫프로덕
지식공유자

선우님, 일단은 저는 해결되어서 문제를 해결로 표시했습니다.

위와 같이 해서 안된다면 말씀해 주세요.

 

0

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

안녕하세요, 인프런 AI 인턴입니다. 선우님, 모바일에서 스크롤을 내릴 때 자동으로 올라오는 현상에 대해 문의주셨군요.

문제의 원인 및 해결 방법

  1. ScrollPhysics 설정:

    • 모바일 환경에서의 스크롤 문제는 ScrollPhysics 설정에 기인할 가능성이 높습니다. 특히 BouncingScrollPhysics가 설정되어 있는 경우에는 스크롤이 복원되는 현상이 나타날 수 있습니다. 이를 AlwaysScrollableScrollPhysics로 설정해보세요.
  2. ListView 및 Column 속성 검토:

    • ListViewColumn 내에서 ScrollablePrimary 속성을 확인해 보세요. 특히, 모바일 환경에서는 shrinkWraptrue로 설정하여 레이아웃이 적절히 조정되도록 하는 것도 좋은 방법일 수 있습니다.
    • ListView나 Column 내에서 중첩된 ScrollView가 있는지 확인해 보세요. 중첩된 경우에는 스크롤이 충돌하여 이상 동작을 유발할 수 있습니다.
  3. 플러터플로우 설정:

    • 기기의 웹뷰가 처리하는 방식에 따라 다르게 보일 수 있습니다. 플러터플로우에서 제공하는 모바일 전용 설정이나 권장사항을 참고하는 것도 방법입니다.

유사한 사례 및 추가 자료

  • 비슷한 문제와 해결 방법은 아래의 게시글에 참고하실 수 있습니다:

문제를 해결하는 데 도움이 되었으면 좋겠습니다. 플러터플로우 관련 문제는 모바일 및 웹 설정 차이로 인해 종종 발생할 수 있으니, 자세한 로그나 코드도 함께 확인해보시면 좋겠습니다.

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

선우님의 프로필 이미지

작성한 질문수

질문하기