The container transform pattern is designed for transitions between UI elements that include a container. This pattern creates a visible connection between two UI elements.
OpenContainer(
transitionDuration: const Duration(milliseconds: 1000),
closedColor: Colors.pink,
closedBuilder: (BuildContext c, VoidCallback action){
return const SizedBox(
height: 56,
width: 56,
child: Center(
child: Icon(
Icons.add,
color: Colors.white,
),
),
);
},
openBuilder: (BuildContext c, VoidCallback action) {
return MyDelayedDisplay();
},
tappable: true,
closedElevation: 6.0,
closedShape: const CircleBorder(),
)
A widget that enables you to display a child after a delay and with beautiful fading and sliding animation.
DelayedDisplay(
delay: Duration(seconds: 1),
child: Text(
"Hello",
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 35.0,
color: Colors.white,
),
),
),