Quick Tip – Add center logo image to AppBar in Flutter

How to add the center logo image in Flutter

To center a Logo in the AppBar use centerTitle: true. As a title use Image with your Logo. The example below shows the centered Image.

You can find more about images in Fluter in another article: 

Flutter Basics – How to use an image in Flutter

You can read more about AppBar in this post:

Flutter Basics – How to Customize AppBar in Flutter

appBar: AppBar(
        leading: IconButton(
          icon: Icon(Icons.arrow_back, color: Colors.black),
          onPressed: () => Navigator.of(context).pop(),
        ),
        title: Image.asset('assets/FlutterAssets_logo.png', 
          fit: BoxFit.contain,
          height: 50,
        ),
        centerTitle: true,
      ),