在Flutter中更改AppBar返回图标的大小

Question

这是当前的 AppBar 代码：

AppBar(
  iconTheme: IconThemeData(
    color: Colors.black,
    size: 100 // This isn't performing any changes
  ),
  centerTitle: false,
  backgroundColor: Colors.white,
  title: Text(
    title,
    style: TextStyle(color: Colors.black87,

  ),
  elevation: 1.0,
);

IconThemeData 中的当前尺寸属性。

Answer 1

尝试此操作，您需要使用leading

• 在标题之前显示的小部件。

示例代码

 AppBar(
      title: new Text("Your Title"),
      leading: new IconButton(
        icon: new Icon(Icons.arrow_back,size: 50.0,),
        onPressed: () => {
          // Perform Your action here
        },
      ),
    );

输出

Answer 2

您可以使用Transform.scale小部件并将IconButton包装起来。该小部件具有scale属性，您可以根据需要进行设置。下面的工作示例代码：

appBar: AppBar(
        leading: Transform.scale(
          scale: 2,
          child: IconButton(
          icon: Icon(Icons.arrow_back, color: Colors.black),
          onPressed: () {}
          )
        ),

  centerTitle: false,
  backgroundColor: Colors.white,
  title: Text(
    'test',
    style: TextStyle(color: Colors.black87,

  ),
//  elevation: 1.0,
)),

MDN

希望这能回答您的问题。