Description:

cross fade

If you like this package, please leave a like there on pub.dev and star on GitHub. #
A widget to apply a crossfade animation between different states and/or widgets. It's more flexible than e.g. the official AnimatedCrossFade.
Additionally it's really easy to use and efficient.
Easy Usage #
CrossFade<int>(
value: value,
builder: (context, i) => Text('$i'),
)
copied to clipboard
Examples #


It also animates between the different sizes of the widgets as you can see here:

So CrossFade can be wrapped in anything and it will animate its size along with it:
DecoratedBox(
position: DecorationPosition.foreground,
decoration: BoxDecoration(border: Border.all(width: 3.0)),
child: CrossFade<int>(
value: index,
builder: (context, i) => widgets[i],
),
),
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter