flutter 自定义 appbar leading 宽高
时间: 2024-10-11 09:15:03 浏览: 32
在 Flutter 中,自定义 AppBar 的 `leading`(左边导航部分)通常用来放置图标或者其他 UI 元素,它的宽高可以通过设置 `IconData`、`CustomPainter` 或者直接使用 `IconButton` 来控制。然而,Flutter 的 AppBar 提供了一个默认的设计规范,所以如果你只是想改变图标本身的大小,那么直接给 `Icon` 对象添加 `size` 参数即可:
```dart
AppBar(
elevation: 0.0, // 如果需要,调整底部阴影
leading: Padding(
padding: EdgeInsets.symmetric(horizontal: 16.0), // 控制边距
child: Icon(Icons.menu, size: 30.0, color: Colors.black), // 设置图标大小
),
title: Text("App标题"),
),
```
在这里,`size: 30.0` 就设置了图标的宽度和高度都为 30 dp。如果要修改整个按钮的尺寸,可以使用 `PreferredSizeWidget`:
```dart
AppBar(
leading: SizedBox(
width: 50, // 宽度
height: 40, // 高度
child: IconButton(
icon: Icon(Icons.menu),
onPressed: () {},
),
),
)
```
注意,这可能会违反 Material 设计规范,因为 AppBar 的 `leading` 应该保持一致的尺寸和间距。如果你真的需要定制样式,建议参考 Material Design 的指南或者创建自定义 Widget。
阅读全文