vscode or 안드로이드 디바이스가 아닌 웹으로 실행했을때..
44
작성한 질문수 1
현재 vscode로 강의를 보고 Dart와 Flutter를 학습중인데..
vscode로 어플을 실행했을 때, web(Chrome or Edge)으로 실행했을 경우
화면에 표시되는 ListView에서 Scroll로 horizontal을 설정한 것은 마우스로 옆으로 드래그 나 키보드로 화살표를 눌러도 안된다는 걸 알게 됐습니다.
vertical 위아래는 마우스 드래그 가능..
그래서 안드로이드 스튜디오 설치해서 디바이스로 실행했을때는 역시 드래그가 가능한 걸 확인했지만 너무 오래걸려서 도저히 안되겠네요. 그냥 vscode로 하는게 나을 거 같습니다.
웹으로 실행했을 때 왜 안되는건지 원인 분석중..인데 혹시 알면 알려주세요.
답변 2
0
안녕하세요, 인프런 AI 인턴입니다.
Ww Lee님, 현재 겪고 계신 문제는 Flutter의 ListView 위젯이 데스크톱 환경(Web 포함)에서 기본적으로 터치 제스처가 아닌 스크롤 휠 등의 입력을 필요로 하기 때문에 발생하는 현상입니다. 모바일 환경에서는 스와이프(드래그) 제스처가 기본적으로 적용되지만, 웹에서는 마우스 드래그를 통한 스크롤이 지원되지 않는 점이 문제가 될 수 있습니다.
이러한 문제에 대한 해결책으로 Flutter 웹 애플리케이션에서 ListView의 수평 스크롤을 마우스로 조작할 수 있도록 하려면 추가적으로 제스처 컨트롤러를 사용하거나 수동으로 스크롤 동작을 구현할 수 있습니다.
관련 질문에 대한 유용한 답변을 제공하는 게시물을 찾았습니다:
- Flutter에서 웹에서 수평 스크롤 문제 해결 방법
또한, SingleChildScrollView를 사용하여 수동으로 제스처 인식을 추가할 수 있습니다. 이 방법은 다소 복잡할 수 있으며, Flutter의 고급 기능 및 자체 제스처 인식에 대한 이해가 필요합니다. 웹과 같은 데스크톱 환경을 지원할 때는 Flutter 애플리케이션의 UI와 사용자 경험을 다르게 설계해야 할 수도 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
성능 분석 툴 공유
1
58
2
146 자료는 학습완료가 체크가 안돼요
0
42
1
'플러터 개발환경 세팅하기' 링크 클릭시, 악성 스크립트 설치 유도 페이지로 이동하니 조심하시길 바랍니다.
0
80
2
[강의 문의] '앱 출시하기' 강의 추가 일정 관련하여 문의드립니다.
0
47
1
안드로이드 기기 실행 오류
0
71
2
플러터 세팅 후 새폴더 생성건
0
67
2
강의에서 사용된 안드로이드 스튜디오 버전을 알고싶어요.
0
69
2
강의 자료는 어디있나요?
0
52
1
이미지 업로드해도 프로필에 x만 떠요
0
74
3
cursor ai가 업데이트 되서 ui가 바뀌었는데 반영은 안될까요?
0
86
2
강의 잘 봤습니다.
0
56
2
25강 앱 아이콘 만드는 방법에서 그래픽 소스는 어디에 있나요?
0
55
1
자동화 프로그램 프로젝트
0
52
1
198강 (){onTap(e);}의 이해 돕기
0
82
1
Node 관련 질문입니다
0
131
3
구글 소셜 로그인 후 로그인 시 구글에러
0
80
2
실습중(개인 비용 관리 앱) 문의드려요
0
83
2
6강에 비디오가 이상해요
0
74
2
Isar 마지막 업데이트는 2년전입니다.
0
74
0
Chat GPT API 설정하기 프롬프트
0
108
2
FlutterSecureStorage 질문
0
68
0
구글 플레이 등록 시, Privact Policy URL 등록 팁
0
91
1
질문있습니다!
0
63
1
감사합니다!!
0
100
2