Hide Text in flutter with animation

This Article is posted by seven.srikanth at 9/26/2021 4:42:23 PM



<p>In this article, I'm going to share with you the code on how to hide text in flutter.</p> <p>Here is the complete code from main.dart file.</p> <p id="4ec9b0;](MyApp());" color:=>color: #9cdcfe;](args) </p> <p>color: #569cd6;](class color: #4ec9b0;](MyApp color: #569cd6;](extends color: #4ec9b0;](StatefulWidget { color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](_MyAppState color: #dcdcaa;](createState() => color: #4ec9b0;](_MyAppState(); }</p> <p>color: #569cd6;](class color: #4ec9b0;](_MyAppState color: #569cd6;](extends color: #4ec9b0;](State { color: #4ec9b0;](bool color: #9cdcfe;](_visible = color: #569cd6;](true; color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #4ec9b0;](MaterialApp( color: #9cdcfe;](title: color: #ce9178;]("AnimatedOpacity Example", color: #9cdcfe;](home: color: #4ec9b0;](Scaffold( color: #9cdcfe;](appBar: color: #4ec9b0;](AppBar( color: #9cdcfe;](title: color: #4ec9b0;](Text(color: #ce9178;]('AnimatedOpacity Example'), ), color: #9cdcfe;](body: color: #4ec9b0;](MyHomePage(color: #9cdcfe;](visible: color: #9cdcfe;](_visible), color: #9cdcfe;](floatingActionButton: color: #4ec9b0;](FloatingActionButton( color: #9cdcfe;](child: color: #4ec9b0;](Icon(color: #4ec9b0;](Icons.color: #9cdcfe;](flip), color: #9cdcfe;](onPressed: () { color: #dcdcaa;](setState(() { color: #9cdcfe;](_visible = !color: #9cdcfe;](_visible; }); }, ), ), ); } }</p> <p id="9cdcfe;](visible" color:= color:="" color:="" color:="" color:="" color:="" color:="">color: #569cd6;](class color: #4ec9b0;](MyHomePage color: #569cd6;](extends color: #4ec9b0;](StatefulWidget ) : color: #569cd6;](super(color: #9cdcfe;](key: color: #9cdcfe;](key); color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](_MyHomePageState color: #dcdcaa;](createState() => color: #4ec9b0;](_MyHomePageState(); }</p> <p>color: #569cd6;](class color: #4ec9b0;](_MyHomePageState color: #569cd6;](extends color: #4ec9b0;](State { color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #569cd6;](var color: #9cdcfe;](_visible; color: #9cdcfe;](_visible = color: #9cdcfe;](widget.color: #9cdcfe;](visible; color: #c586c0;](return color: #4ec9b0;](Center( color: #9cdcfe;](child: color: #4ec9b0;](AnimatedOpacity( color: #9cdcfe;](child: color: #4ec9b0;](Center(color: #9cdcfe;](child: color: #4ec9b0;](Text(color: #ce9178;]('Hello World')), color: #9cdcfe;](duration: color: #4ec9b0;](Duration(color: #9cdcfe;](milliseconds: color: #b5cea8;](500), color: #9cdcfe;](opacity: color: #9cdcfe;](_visible ? color: #b5cea8;](1.0 : color: #b5cea8;](0.0, ), ); } } ` Thanks,Srikanth</p>


Tags: hide text;








0 Comments
Login to comment.
Recent Comments