Search code snippets, questions, articles...

Center the title in appbar flutter

This code snippet shows how to center a title in appbar. We can use centerTitle property of appBar to do this.
class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("APP DEMO"),
        centerTitle: true //This will center the text
      body: Container()

If you have created a flutter application and added an appBar widget to your project. If the title of the appbar is not center-aligned, you can use the centerTitle property and assign a value true to it.

 centerTitle: true,

If you want do not want to align the title text center you can make centerTitle property false.

 centerTitle: false,

The code will align the title text to the left.

Was this helpful?
Programming Feeds
Learn something new everyday on Devsheet