플러터,flutter) Hero 애니메이션, Tag 하나로... 매우 쉬움

화면간 이동시 이미지가 확대 되거나 하는 애니메이션을 Hero라고 하는데

 

플러터에서는 구현이 매우 쉽다.

 

1) 이미지를 Hero위젯으로 감싼다. (2개의 화면이니까 2개의 이미지 위젯을 hero로 감싸야겠지)

2) tag를 통일시켜준다.

 

그러면 그 두 화면간 이동시 이미지는 확대축소를 알아서 해준다.

 

여기에 하나,

 

이 둘은 다른 스크리의 위젯들인데 같은 이미지를 나타냈다 그래서 hero를 적용해보았고,

tag의 레퍼런스 이름은 다르지만 값은 같아서, 잘 인식되었다.