There are several sets of properties that you can change for TitleBar. titleBar.ButtonBackgroundColor Colors.DarkBlue titleBar.ButtonForegroundColor Colors.White This is how it will look like A blue background title bar for your application. Main.dart import 'package:flutter/material. titleBar.ForegroundColor Colors.White // Title Bar Button Area.

Example 1: Change Text Color for Flutter AppBar TitleĬreate a basic Flutter application, and replace the code in main.dart with the following code. The following is a snippet that will allow you to programatically change the background and foreground color of the title bar in a Windows Store app from a code behind. 'Show color on Start, taskbar, action center, and title bar'. Style: TextStyle(color: Color(0xffffffaa)),Īs we are giving Text widget for the text of Application Bar, we can change the color of text of AppBar by setting the color for Text widget. Go to settings, personalization, colors and turn on the switch. To change text color of Flutter App Bar, you can use TextStyle for the title property of AppBar class.Ī sample code snippet to change the title text color of app bar is given below.

Change title bar color app