Color your AppBar title using Text Widget’s style in Flutter


Flutter Android App in Emulator

This is my first post on this Flutter series, if you not familiar with Flutter development here is the post for you.

AppBar is the top most important section of any app. As we know Flutter app is collection of Widgets and Dart code.

So to color the AppBar title which is composed with Text Widget , we have to use style.

Using the TextStyle() we can specify all styling element available as follows

 appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title,style: TextStyle(color: Colors.yellow),),
      ),

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.