how to align the AppBar title to right in flutter?

Chathura Abeygunawardhana 0
Viewed 41
import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          toolbarHeight: 50.0,          
          title: const Text(
            'This is the title !',
            style: TextStyle(color: Colors.black),
          ),
          backgroundColor: Colors.amber,
        ),
      ),
    ));
flutter-appbar flutter-layout flutter android
4 Answers

Wrap your title in a Align and apply Alignment.centerRight to it

Scaffold(
      appBar: AppBar(
        title: Align(
          alignment: Alignment.centerRight,
          child: Text(
            "My title",
            
          ),
        ),
Ozan Taskiran0 
  return Scaffold(
        appBar: AppBar(
        title: Align(
        alignment: Alignment.centerRight,
        child: Text(
        "title",

    ),),),
      body: getText("text"),
    );

enter image description here

MohitJadav860

put the title in actions rather than the title or leading to add it to the left

Mohammed Abdallah0

Set alignment : right then the problem will be solved . Those javascript frameworks work just like others.

stacy swz0
Related