How to Set Change App Bar Title Text Color in Flutter iOS Android

App bar title text is by default shows in plain white color. But sometimes app developer wants to Change App Bar Title Text Color in Flutter mobile application. We can easily set App bar title text color using Text style Color. App bar supports Text widget which can support all the text styling options including Color.

Contents in this project Change App Bar Title Text Color in Flutter iOS Android:

1. Import material.dart package in your app’s main.dart file.

2. Call our main MyApp class using void main runApp() method.

3. Create our main class named as MyApp extends with States less widget.

4. Create Scaffold widget in Widget build area in MyApp.

5. Creating App bar in Scaffold widget with Text widget and set Text color using color property. We are setting color using HEX color code and the FFFFFF means pure white.

  • title : Used to set Title text in App bar.
  • color : Used to set Color of text widget.
  • backgroundColor : Used to set background color of App bar.

6. Creating Center widget with some text in body area of Scaffold widget.

7. Complete source code for main.dart file:

Screenshot:

How to Change App Bar Title Text Color in Flutter iOS Android

Leave a Reply

Your email address will not be published.