时间戳

首页 > 解决方案 > 无法在颤动中调整应用栏中的小部件大小

flutter - 无法在颤动中调整应用栏中的小部件大小

问题描述

当我在应用栏中使用它时，我的容器的大小没有改变。我尝试将它包装在一个 sizedBox 中，即使它没有按预期工作。不仅是 container ，我无法调整 appbar 中任何按钮的大小。

标签： flutterbuttoncontainersappbar

解决方案

你可以简单地在 Flutter 中应用Transform或Icon Widget 来解决这个问题。

  • 在 Transform.scale() 中包装为子小部件（Container、IconButton...）。
  • 可以使用其 size 属性轻松调整 Icon 小部件的比例。
    @override
    Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
              leading: Transform.scale(
                scale: 0.5,  // effect to size of child widget
                child: Container(
                  width: 5,
                  height: 5,
                  color: Colors.amber,
                ),
              ),
              title: Transform.scale(
                scale: 1.7,  // effect to size of child widget
                child: IconButton(
                  onPressed: () {},
                  icon: SvgPicture.asset("assets/icons/back_button.svg"),
                  iconSize: 20,
                ),
              ),
              centerTitle: true,
              actions: [
                Icon(
                  Icons.person_off_outlined,
                  size: 32,  // effect to size of Icon widget
                ),
              ]),
          body: Container(),
        );
      }

结果“Appbar”的移动视图

推荐阅读