Home > OS >  How to left align text title in app bar (ios) in flutter?
How to left align text title in app bar (ios) in flutter?

Time:01-17

How to left align text title in app bar?
In android: they're still left-aligned, but ios: they're center-aligned title. How to fix that?

AppBar(
      titleSpacing: 0,
      centerTitle: false,
      automaticallyImplyLeading: false,
      leadingWidth: 0,
      title: Image.asset(Images.appLogo, height: 28, width: 28)
);

CodePudding user response:

You can set the platform parameter in the ThemeData of the app to TargetPlatform.android. Then the app will behave as if it were running on an android device!

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        platform: TargetPlatform.android,
      ),
      home: Scaffold(
      appbar: AppBar(
          automaticallyImplyLeading: false,
          leadingWidth: 0,
          title: Image.asset(Images.appLogo, height: 28, width: 28)
        );
        body: Container(),
      ),
    ),
  );
}

CodePudding user response:

In iOS app title have always a center aligned behaviour. If you need align title in left side so you can follow below the code....

appBar: AppBar(
    title: const Text('Restaurant Menu'),
    centerTitle: false,
  ),
  • Related