[플러터] 금주의 위젯 : Hero

 

요약

• 히어로 전환은 일반적인 UI 패턴입니다. 이를 통해 사용자는 화면이 변경되었음을 알 수 있으면서도 상호작용의 중점을 유지할 수 있습니다.
• 플러터에는 히어로 위젯이 있습니다. 이는 두 개의 네비게이터 루트 간에 자동으로 히어로 전환을 생성합니다. 플러터는 두 루트에서 위젯이 어디에 있는지 찾아내고 위치 변경을 애니메이션화합니다.
• 사진을 히어로로 사용하려면 전환 전과 전환 후 페이지 양쪽에 사진을 놓고 두 페이지 모두에서 이미지를 히어로 위젯으로 감싸면 됩니다.
• 히어로 위젯에 태그를 추가합니다. 이는 임의의 객체일 수 있습니다. 중요한 점은 두 페이지에서 동일한 태그를 사용하여 어떤 히어로를 애니메이션화해야 하는지 플러터가 알 수 있도록 해야 합니다.
• 최상의 결과를 위해 히어로 위젯 아래에 있는 위젯 트리가 두 화면 모두 동일하도록 해야 합니다. 히어로는 이미지뿐만 아니라 클립과 함께 사용하여 독특한 애니메이션 효과를 실험해볼 수 있습니다.