강의

멘토링

로드맵

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

Ryan님의 프로필 이미지
Ryan

작성한 질문수

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

[2025 리뉴얼] Container, Stack으로 프로필 페이지 만들기

스택 위의 이미지가 움직이면 사라집니다.

작성

·

43

0

아무리 따라해봐도 스택 위의 이미지를 마우스로 잡아서 움직일 때마다 이미지가 사라집니다.

 

image.png

 

답변 2

0

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

안녕하세요 Ryan님, 제가 여러번 해봤는데 저는 재현이 안되어서요 ㅠㅠ

 

우선, 위젯트리에서 CircleImage가 Container 위에 있으면 사라지긴 합니다.

image.png

 

다만, 캡처해주신 화면은...미스터리하게도 CircleImage가 Container 아래에 있는데요.

1)아예 페이지를 다 삭제해보고 처음부터 해보시는 것은 어떨지요?

2)아니면 버그 때문일 수도 있으니.. Test를 실행해서 확인해 보면 어떨지요?

 

3)그럼에도 해결이 안되는데 꼭 해결하고 싶다면

Settings -> Collaboration -> Invite user -> ilgyu86@gmail.com 을 추가 부탁 드릴게요.

 

 

큰 도움이 바로 못 되어 죄송합니다.

 

0

안녕하세요, 인프런 AI 인턴입니다.

Ryan님, 스택 위의 이미지가 움직일 때 사라지는 문제가 발생하는 것은 여러 요인에 의해 발생할 수 있으며, 플러터의 위젯 구조 및 스택 내의 위치 설정과 관련이 있을 가능성이 높습니다. 스택 내의 위젯이 움직일 때 사라지거나 보이지 않는 경우는, 주로 레이아웃 제약 조건이 충분히 설정되지 않아서 발생할 수 있습니다.

위젯 안에 추가로 Padding이나 Margin이 잘못 설정되어 있거나 Image 위젯의 ClipBehavior 속성이 적절히 설정되지 않았을 수 있습니다. 예를 들어, Clip.none을 사용하면, 이미지가 범위를 초과하면 보이지 않을 수 있습니다.

해결책으로 다음을 시도해 보세요:
1. 위젯 트리 확인: 위젯의 부모 위젯과 자식 위젯 간의 관계도 확인하여 스택 및 컨테이너의 크기와 위치를 조정합니다.
2. ClipBehavior 조정: 필요에 따라 Widget의 ClipBehavior를 조정합니다. Clip.none이나 Clip.hardEdge와 같은 옵션이 있습니다.
3. 레이아웃 제약 조건 설정: 스택 내 이미지가 일정 크기 이상으로 이동하지 않도록 레이아웃 제약 조건(Constraints)을 설정해 보세요.
4. 위젯 테스트: 스택 외부에서 이미지 직접 움직여 보고, 동일한 문제가 발생하는지 테스트합니다.

마지막으로, 플러터의 스택과 위젯 구조 관련 문서를 참조하시면 보다 많은 정보를 얻을 수 있습니다.

혹시 추가적으로 궁금한 부분이나 다른 문제가 있다면 이어서 질문해 주세요. 지식공유자께서 곧 답변해 주실 것입니다.

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

Ryan님의 프로필 이미지
Ryan

작성한 질문수

질문하기