Animated Default Text Style Flutter – Widget Tutorial

Animated Default text style for flutter.

AnimatedDefaultTextStyle(
                  duration: const Duration(milliseconds: 300),
                  style: TextStyle(
                    fontSize: 25,  //Set Your Value
                    color: Colors.blue,  // Set Your Color
                    fontWeight:FontWeight.bold,  // Set your Value
                  ),
                  child: Text('Animated'),
                ),

Flutter Text Animation:-

AnimatedDefalutTextStyle() Code Example:

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  _MyAppState createState() => _MyAppState();
}
class _MyAppState extends State {
  bool _myFirst = true;
  double _myFontSize = 60;
  Color _myColor = Colors.blue;
  FontWeight _myfontWeight = FontWeight.bold;
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: ""MyTestApp"",
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                height: 120,
                child: AnimatedDefaultTextStyle(
                  duration: const Duration(milliseconds: 300),
                  style: TextStyle(
                    fontSize: _myFontSize,
                    color: _myColor,
                    fontWeight: _myfontWeight,
                  ),
                  child: Text('Animated'),
                ),
              ),
              FlatButton(
                onPressed: () {
                  setState(() {
                    _myFontSize = _myFirst ? 70 : 50;
                    _myColor = _myFirst ? Colors.blue : Colors.red;
                    _myfontWeight = _myFirst ? FontWeight.bold : FontWeight.w100;
                    _myFirst = !_myFirst;
                  });
                },
                child: Text(
                  ""SHOW!"",
                ),
              )
            ],
          ),
        ),
      )
    );
  }
}

Text Animation:

Flutter Animation Code Example:

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  _MyAppState createState() => _MyAppState();
}
class _MyAppState extends State {
  bool _myFirst = true;
  double _myFontSize = 60;
  Color _myColor = Colors.blue;
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: ""MyTestApp"",
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                height: 120,
                child: AnimatedDefaultTextStyle(
                  duration: const Duration(milliseconds: 300),
                  style: TextStyle(
                    fontSize: _myFontSize,
                    color: _myColor,
                    fontWeight: _myfontWeight,
                  ),
                  child: Text('Animated'),
                ),
              ),
              FlatButton(
                onPressed: () {
                  setState(() {
                    _myFontSize = _myFirst ? 70 : 50;
                    _myColor = _myFirst ? Colors.blue : Colors.red;
                    _myFirst = !_myFirst;
                  });
                },
                child: Text(
                  ""SHOW!"",
                ),
              )
            ],
          ),
        ),
      )
    );
  }
}

• How to Conduct YouTube Keyword Research Easily?
  Introduction YouTube is the second largest search engine in the world, making it a valuable platform for content creators and businesses alike. To maximize your …

  Read more …

• How to upgrade the Dart SDK version in flutter
  If you’re a Flutter developer, you know how important it is to stay up-to-date with the latest version of the Dart SDK. Upgrading the Dart …

  Read more …

• Why Do Advertisers Use Testimonials?
  In the ever-competitive business landscape, nurturing strong connections with your customers remains paramount for enhancing your credibility and positioning yourself as an industry authority. Establishing …

  Read more …

• How To Earn $5 Fast Method!
  Looking to boost your income by $25 in less than an hour? This isn’t the start of a clichéd sales pitch; it’s about discovering several …

  Read more …

• What Does BMF Mean On TikTok? Latest Social Media Acronyms
  In the fast-paced world of social media, acronyms are the language of choice, enabling users to communicate swiftly without the need for lengthy phrases. While …

  Read more …