Skip to content
0:00 / 0:00

#flutter#hero-widget#ui-transitions

Hero (Flutter Widget of the Week)

Google for Developers

2.6M subscribers • 30 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Made by the vendor. The company whose product it covers made or sponsored it.
  • May be out of date. Uploaded 7 years ago, in an area where tools change fast.

Beginner. No background in the topic needed.

491K views7 years ago2 recommendations

Mobile developmentFlutter and React Native

An explanation of how to use the Hero widget in Flutter to create smooth animated transitions between screen routes.

Hero transitions are a common UI pattern. They let the user know that they changed screens, while keeping the focus of the interaction front and center. Flutter’s Hero widget will automatically create a hero transition between two navigator routes. Get more tips! → bit.ly/2B8M3vG Subscribe! → bit.ly/googledevs

Why it's here

2 people recommend this

What people say. Recommended for developers looking to implement card or image transition animations in Flutter.

u/tunitowenin r/FlutterDev • Recommends

On “Animations in flutters with the card view”

I think it's all possible in Flutter. The image going back into a card could be done with a Hero Widget. link to this video

u/lndianOceanin r/FlutterDev • Recommends

On “Does anyone know how I could go about creating a page transition animation like this in flutter?”

You should look into the hero widget. Here is a brief introduction you can look at. link to this video