这是我的AppBar标题的代码,但它没有生效。
Widget build(BuildContext context){
return new Scaffold(
appBar: new AppBar(
title: new Padding(
padding: const EdgeInsets.only(left: 20.0),
child: new Text("App Name"),
),
),
);}
这是我的AppBar标题的代码,但它没有生效。
Widget build(BuildContext context){
return new Scaffold(
appBar: new AppBar(
title: new Padding(
padding: const EdgeInsets.only(left: 20.0),
child: new Text("App Name"),
),
),
);}
将centerTitle
属性设置为false。
Transform是用于在x-y-z维度中强制转换小部件的小部件。
return Scaffold(
appBar: AppBar(
centerTitle: false,
titleSpacing: 0.0,
title: Transform(
// you can forcefully translate values left side using Transform
transform: Matrix4.translationValues(-20.0, 0.0, 0.0),
child: Text(
"HOLIDAYS",
style: TextStyle(
color: dateBackgroundColor,
),
),
),
),
);
SliverAppBar -> FlexibleSpaceBar
,也要在 FlexibleSpaceBar
中设置 centerTitle: false
。 - SabeercenterTile
属性设置为false,leadingWidth: 0
。在AppBar小部件中,只需将centerTile
属性设置为false
即可。
AppBar(
...
centerTitle: false,
title: Text("App Name"),
...
)
默认情况下,AppBar标题位于中心位置。要使文本居左,您应该将centerTitle属性设置为false,如下所示:
Widget build(BuildContext context){
return new Scaffold(
appBar: new AppBar(
centerTitle: false
title: new Padding(
padding: const EdgeInsets.only(left: 20.0),
child: new Text("App Name"),
),
),
);
}
如果你想要将标题显示在应用栏的最左侧
Widget build(BuildContext context){
return new Scaffold(
appBar: new AppBar(
centerTitle: false,
leadingWidth: 0, // this is also im
title: new Padding(
padding: const EdgeInsets.only(left: 25.0),
child: new Text("App Name"),
),
),
);
}
将文本强制放到应用栏的最左边
appBar: AppBar(
centerTitle: false,
backgroundColor: Color(0xff98A8D0),
title: Image.asset(
'assets/covalent_dark_icon.png',
height: 45,
width: 120,
),
)
对我来说,指定 automaticallyImplyLeading: false
修复了这个问题。
titleSpacing
来进行左偏移(填充)。但这并不是最佳方法,我只是想展示另一种方式。AppBar(
...
centerTitle: false,
titleSpacing: -40,
title: Text("App Name"),
...
),
leadingwidth
就无法正常工作。 - West