如何对齐这些小部件？

Posted 2023-02-23

【中文标题】如何对齐这些小部件？

【英文标题】：How do I align these widgets?

【发布时间】：2020-08-09 19:27:58

【问题描述】：

我正在用颤振制作一个练习应用程序并坚持这一点： 我如何对齐小部件； 1. 一个图标停留在appbar的最左边 2.文本小部件停留在中间。 3.按钮位于appbar的最右侧。 here is the image for what i am talking about

【参考方案1】：

在 appbar 中使用 actions 属性，然后作为孩子使用一行。在该行中，您可以使用 MainAxisAlignment.spaceBetween 或 MainAxisAlignment.spaceAround 来安排项目。

【参考方案2】：

您可以使用 AppBar 小部件来做到这一点。

注意：如果要实现抽屉，请使用抽屉属性。

 @override
  Widget build(BuildContext context) 
    return Scaffold(
      appBar: AppBar(
        title: Text("Title"),
        centerTitle: true,
        leading: Icon(Icons.menu),
        actions: [Icon(Icons.comment)],
      ),
      body: Container(),
    );
  

【讨论】：

如果对您有帮助，请采纳我的回答，让其他社区成员也能受益。

【参考方案3】：

AppBar(title:Text("你的文字),leading:Icon(Icons.menu),actions:[Icon(Icons.favourite)]) 试试这个代码