0 dart flutter flutter-test flutter-dependencies flutter-layout
在我的应用程序栏中,我有文本和图像,但每次进入第二页时,文本和图像不再与中心对齐,因为左上角有后退按钮。
我只是想知道如何让它居中对齐,以便它在每个屏幕上看起来都一样。
appBar: AppBar(
title: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
"Maxis",
style:
TextStyle(fontFamily: "Raleway", fontWeight: FontWeight.w300),
),
Image.asset(
"assets/images/Image.png",
width: 30,
),
Text(
"Mobile",
style:
TextStyle(fontFamily: "Raleway", fontWeight: FontWeight.w300),
),
],
),
centerTitle: true,
),
Run Code Online (Sandbox Code Playgroud)
在 AppBar 上使用具有 MainAxisAlignment.center 和 MainAxisSize.min 以及 centerTitle: true 的行
return Scaffold(
appBar: AppBar(
title: Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
const Text('title 1'),
const SizedBox(width: 16),
const Icon(Icons.ac_unit),
const SizedBox(width: 16),
const Text('title 2'),
],
),
centerTitle: true,
elevation: 6,
),
Run Code Online (Sandbox Code Playgroud)