AnimatedPhysicalModel example in Flutter

This Article is posted by seven.srikanth at 11/30/2022 4:39:15 AM



<p>Here is an example for AnimatedPhysicalModel in flutter.</p> <p>Using AnimatedPhysicalModel, you can animate the shape of a container or other properties of a container.</p> <p>Below is how it's going to look.</p> <p>![](../../../Uploads/4a2c96e1-4288-4bb9-8da7-871362518fff.gifwidth="50%height="auto](</p> <p>Here is the code from main.dart file.</p> <p>color: #dcdcaa;](runApp(color: #4ec9b0;](MyApp());</p> <p>color: #569cd6;](class color: #4ec9b0;](MyApp color: #569cd6;](extends color: #4ec9b0;](StatelessWidget { color: #569cd6;](final color: #9cdcfe;](title = color: #ce9178;]('AnimatedPhysicalModel example'; 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: #9cdcfe;](title, color: #9cdcfe;](home: color: #4ec9b0;](MyHomePage( color: #9cdcfe;](title: color: #9cdcfe;](title, ), ); } }</p> <p id="9cdcfe;](title" color:="" 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;](State color: #dcdcaa;](createState() => color: #4ec9b0;](_MyHomePageState(); }</p> <p>color: #569cd6;](class color: #4ec9b0;](_MyHomePageState color: #569cd6;](extends color: #4ec9b0;](State { color: #4ec9b0;](bool color: #9cdcfe;](_first = 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;](Scaffold( color: #9cdcfe;](appBar: color: #4ec9b0;](AppBar( color: #9cdcfe;](title: color: #4ec9b0;](Text(color: #9cdcfe;](widget.color: #9cdcfe;](title), ), color: #9cdcfe;](body: color: #4ec9b0;](Center( color: #9cdcfe;](child: color: #4ec9b0;](AnimatedPhysicalModel( color: #9cdcfe;](borderRadius: color: #4ec9b0;](BorderRadius.color: #dcdcaa;](circular(!color: #9cdcfe;](_first ? color: #b5cea8;](0 : color: #b5cea8;](100), color: #9cdcfe;](duration: color: #569cd6;](const color: #4ec9b0;](Duration(color: #9cdcfe;](seconds: color: #b5cea8;](1), color: #9cdcfe;](color: color: #4ec9b0;](Colors.color: #9cdcfe;](blue, color: #9cdcfe;](elevation: !color: #9cdcfe;](_first ? color: #b5cea8;](20 : color: #b5cea8;](40, color: #9cdcfe;](shadowColor: !color: #9cdcfe;](_first ? color: #4ec9b0;](Colors.color: #9cdcfe;](blue : color: #4ec9b0;](Colors.color: #9cdcfe;](red, color: #9cdcfe;](shape: color: #4ec9b0;](BoxShape.color: #4fc1ff;](rectangle, color: #9cdcfe;](child: color: #569cd6;](const color: #4ec9b0;](SizedBox( color: #9cdcfe;](height: color: #b5cea8;](150, color: #9cdcfe;](width: color: #b5cea8;](150, ), ), ), color: #9cdcfe;](floatingActionButton: color: #4ec9b0;](FloatingActionButton( color: #9cdcfe;](child: color: #569cd6;](const color: #4ec9b0;](Icon(color: #4ec9b0;](Icons.color: #9cdcfe;](transform), color: #9cdcfe;](onPressed: () { color: #dcdcaa;](setState(() { color: #9cdcfe;](_first = !color: #9cdcfe;](_first; }); }), ); } } ` Thanks,Srikanth</p>


Tags: AnimatedPhysicalModel








0 Comments
Login to comment.
Recent Comments