Question

这是我的AppBar Tittle代码，但不起作用

 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"),
    ),
  ),
);}

Answer 1

在AppBar中将 centerTile 属性设置为false，并 LeadingWidth：0

Answer 2

AppBar标题默认位于居中位置。要在左侧显示文本，应将propertycenterTitle属性设置为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"),
      ),
    ),
  );
}

Answer 3

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,
                ),
              ),
            ),
        ),
      );

Answer 4

只需在AppBar小部件中将centerTile属性设置为false。

 AppBar(
        ...
        centerTitle: false,
        title: Text("App Name"),
        ...
        )

Answer 5

将centerTitle属性设置为false。

Answer 6

如果你想在应用栏的最左边显示标题

Widget build(BuildContext context){
  return new Scaffold(
    appBar: new AppBar(
      **centerTitle: false,**
      **leadingWidth: 0,**
      title: new Padding(
        padding: const EdgeInsets.only(left: 20.0),
        child: new Text("App Name"),
      ),
    ),
  );
}

将强制文本到应用栏的最左侧

如何在Flutter的左侧放置AppBar标题

6 个答案: