In this article, I'm going to share an example for AnimatedDefaultTextStyle in flutter.
Here is the full code from main.dart file.
color: #9cdcfe;](args) {
color: #dcdcaa;](runApp(color: #4ec9b0;](MyApp());
}
color: #569cd6;](class color: #4ec9b0;](MyApp color: #569cd6;](extends color: #4ec9b0;](StatefulWidget {
color: #9cdcfe;](@
color: #9cdcfe;](override
color: #4ec9b0;](_MyAppState color: #dcdcaa;](createState() => color: #4ec9b0;](_MyAppState();
}
color: #569cd6;](class color: #4ec9b0;](_MyAppState color: #569cd6;](extends color: #4ec9b0;](State {
color: #4ec9b0;](bool color: #9cdcfe;](_clicked = color: #569cd6;](true;
color: #9cdcfe;](@
color: #9cdcfe;](override
color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) {
color: #c586c0;](return color: #4ec9b0;](MaterialApp(
color: #9cdcfe;](title: color: #ce9178;]("AnimatedDefaultTextStyle",
color: #9cdcfe;](home: color: #4ec9b0;](Scaffold(
color: #9cdcfe;](appBar: color: #4ec9b0;](AppBar(
color: #9cdcfe;](title: color: #4ec9b0;](Text(color: #ce9178;]('AnimatedDefaultTextStyle'),
),
color: #9cdcfe;](body: color: #4ec9b0;](MyHomePage(color: #9cdcfe;](clicked: color: #9cdcfe;](_clicked),
color: #9cdcfe;](floatingActionButton: color: #4ec9b0;](FloatingActionButton(
color: #9cdcfe;](child: color: #9cdcfe;](_clicked ? color: #4ec9b0;](Icon(color: #4ec9b0;](Icons.color: #9cdcfe;](toggle_on) : color: #4ec9b0;](Icon(color: #4ec9b0;](Icons.color: #9cdcfe;](toggle_off),
color: #9cdcfe;](onPressed: () {
color: #dcdcaa;](setState(() {
color: #9cdcfe;](_clicked = !color: #9cdcfe;](_clicked;
});
},
),
),
);
}
}
color: #569cd6;](class color: #4ec9b0;](MyHomePage color: #569cd6;](extends color: #4ec9b0;](StatefulWidget {
color: #569cd6;](final color: #4ec9b0;](bool? color: #9cdcfe;](clicked;
color: #569cd6;](const color: #4ec9b0;](MyHomePage({color: #4ec9b0;](Key? color: #9cdcfe;](key, color: #569cd6;](this.color: #9cdcfe;](clicked}) : color: #569cd6;](super(color: #9cdcfe;](key: color: #9cdcfe;](key);
color: #9cdcfe;](@
color: #9cdcfe;](override
color: #4ec9b0;](_MyHomePageState color: #dcdcaa;](createState() => color: #4ec9b0;](_MyHomePageState();
}
color: #569cd6;](class color: #4ec9b0;](_MyHomePageState color: #569cd6;](extends color: #4ec9b0;](State {
color: #9cdcfe;](@
color: #9cdcfe;](override
color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) {
color: #569cd6;](var color: #9cdcfe;](clicked;
color: #9cdcfe;](clicked = color: #9cdcfe;](widget.color: #9cdcfe;](clicked;
color: #c586c0;](return color: #4ec9b0;](Center(
color: #9cdcfe;](child: color: #4ec9b0;](AnimatedDefaultTextStyle(
color: #9cdcfe;](child: color: #4ec9b0;](Text(color: #ce9178;]('Hello World'),
color: #9cdcfe;](duration: color: #4ec9b0;](Duration(color: #9cdcfe;](seconds: color: #b5cea8;](1),
color: #9cdcfe;](style: color: #4ec9b0;](TextStyle(
color: #9cdcfe;](color: color: #9cdcfe;](clicked ? color: #4ec9b0;](Colors.color: #9cdcfe;](red : color: #4ec9b0;](Colors.color: #9cdcfe;](green,
color: #9cdcfe;](fontSize: color: #9cdcfe;](clicked ? color: #b5cea8;](30 : color: #b5cea8;](50,
),
));
}
}
`
Thanks,
Srikanth