플러터, flutter) 겹쳐지는 이미지 버블 만들기

여기 보면 circle 아바타가 네모 위에 이상하게 겹쳐있는 것을 볼 수 있다

과연 어떻게 한 것일까?

 

stack 위젯 + positioned 위젯을 활용했다.

stack으로 겹치게 했고 positioned로 구체적인 위치를 조정했다

특이 stack에는 overflow라는 속성이 있는데, 여기 값을 조정하면 stack을 벗어나도 지워지지 않는다.(clipped 되지 않는다)

 

스택에서 컨테이너 및에 이렇게 포지션드 위젯과 overflow 속성을 따로 해두었다.