I have a home screen and I want to apply fade in animation in image and text I have a image in center and then two line of text and I just want them to fade in for the one time only I have gone through some various examples but they all contains fade in and fade out i just want to reveal thosse image and text to user and the pause.
>Solution :
Try with this it will fade in from initState also i delayed 1 second you can modify it.
bool _visible = false;
@override
void initState() {
Future.delayed(const Duration(seconds: 1), () {
setState(() {
_visible = !_visible;
});
});
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: AnimatedOpacity(
// If the widget is visible, animate to 0.0 (invisible).
// If the widget is hidden, animate to 1.0 (fully visible).
opacity: _visible ? 1.0 : 0.0,
duration: const Duration(milliseconds: 500),
// The green box must be a child of the AnimatedOpacity widget.
child:Column(
children:[
Image.network("https://cdn0.iconfinder.com/data/icons/business-startup-10/50/5-256.png")
,
const Text("Your text")
])
),
),
);
}