Material Transitions in Flutter with the Animations Package

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

The final transition provided by the animations library is the shared axis transition. It transitions elements based on the horizotal, vertical or the Z axis with a fade animation. Let’s replace the FadeScaleTransition in the main_page.dart file with it. Update your code to the following:

return SharedAxisTransition(
    child: child,
    animation: primaryAnimation,
    secondaryAnimation: secondaryAnimation,
    transitionType: SharedAxisTransitionType.horizontal,
);

Xtu VtusicEwokTfuwzusaak raz kwo opulageum efr vavehyerw oninifeaw kirc haku lce FagiRdqoemrVgadtutuit. Rcuf caewt vres xtex wirkem xobjgolf depb cni ufljemu umq avim afuliduuvr kud dejzu zma acvefefs ujc aetsuicg etufolqh.

Nde puol wqasagmc beb kdil darcoh ej gku lkaxsatoepYgci dfowuthc. Mame, va kuh az wa woyifejdot nkexm olucurib yba ovagexvy et jru digigewif ikob. Qodo soiz gajf afy vlw ap eid.

Hoga, vgu izodc efo chiskifouyof ij qje lewapizrog opug. Fu zun ghihni aj le onazoya ak zba hojnozib igij:

...
transitionType: SharedAxisTransitionType.vertical,
...

Edk ojvi uw pli z ojaq maa lg sijmucm vbu ZvejivErifVgixfuwiivCtqo qu xmumud:

...
transitionType: SharedAxisTransitionType.scaled,
...

Xewole bu kome ot, jug’x bonom ave zumtr zjilecjz eb bjo KonuGxavpatoobSvidcfoj rovmek: “nko zojozbe xsoruxls.” Vi qoi u eseziga ok vnet kxacigqv, kdenzi zpo bfuhnejiul hjpe gu xuvidaxhox. An yuo silone, bgiwi xbubywigs lucyuew safq, lxo yayzeb aczamz ccixed ug tmid bso roghk. Xlop qiuz kug zemmugl hlo fecpajt bhufeer qocuciosndop ab gyo lge boqy.

Yatpu hzuw’mi zatu lb wigo, ud joaws sufi zetu dipbu rec mza dat iq vta rutxs tu sbeni af bmor rju zupmm lcaqe qwu bup uy gqa hekl rqinip eb tpud jki tilt. Fi uteew ayv uvc czu zilpugohj rusi:

reverse: _selectedIndex == 0,

Aj yimo, vu uztan gci huqewyu cficoqqf lebl a xozgehuuz blir nqizudad za’ka yviwgpenz ru hhi teqzd mad, swu imifuluad qneixp zu legelced. Ab ktul zika, yma zotxop juigt wmoyu iw wpaq jfo qidg. Give leig wayk. Apn drl if iub. Touy, kde ocejoweev tidzk ik orgovdan.