dart 如何增加的大小领先的图标关闭AppBarFlutter

mzsu5hc0 于 12个月前发布在 Flutter

关注(0)|答案(3)|浏览(98)

我正在寻找一种方法来增加Appbar领先图标的大小。下面是我的代码：

appBar: PreferredSize(
              preferredSize: Size.fromHeight(120.0),
              child: AppBar(
                leading: SizedBox(
                  width: 200,
                height: 200,
                child: IconButton(
                  padding: new EdgeInsets.all(0.0),
                  icon: Image.asset('assets/app_logo.png', height: 700.0, width: 700.0,)
                  ,
                )),
            centerTitle: true,
            actions: <Widget>[
              IconButton(
                  icon: Image.asset('assets/path.png'))
            ],
            bottom: TabBar(
                labelColor: Colors.white,
                indicatorColor: Colors.lime,

                tabs:[
                  Tab(icon: null,text: 'RECENT',),
                  Tab(icon: null, text: 'TOPICS',),
                  Tab(icon: null, text: 'AUTHORS',),
                ]
            ),
          )

字符串
从上面的代码中，具体来说，我实现的大小如下，但它无法工作：

child: AppBar(
                    leading: SizedBox(
                      width: 200,
                    height: 200,
                    child: IconButton(
                      padding: new EdgeInsets.all(0.0),
                      icon: Image.asset('assets/app_logo.png', height: 700.0, width: 700.0,)
                      ,
                    )),

型

我的目标是增加右上角的图标更大，但它不会增加它的大小。*

截图如下：

的数据

dart

来源：https://stackoverflow.com/questions/61252412/how-to-increase-on-the-size-of-the-leading-icon-off-an-appbar-flutter

3条答案

按热度按时间

nimxete21#

您可以通过使用Transform.scale Package IconButton并将scale的值传递为2来增加图标的大小，具体取决于您想要的图标大小。工作示例代码如下：

centerTitle: true,
                actions: <Widget>[
                  Transform.scale(
                    scale: 2,
                    child: IconButton(
                        icon: Image.asset('assets/placeholder.png'))
                  ),

                ],

字符串
这会增加应用栏中右上角图标的大小，如下所示：

的数据
您可以根据需要调整比例，也可以将相同的更改应用于左上角的图标。
希望这能回答你的问题。

赞(0）回复(0）举报 12个月前

14ifxucb2#

使用Transform.scale不太正确，有一种更简单的方法可以获得所需的效果。

AppBar(
    toolbarHeight: 100,    //set height appBar
    leading: Image.asset('image/my_logo.png', width: 120, height: 100), //insert logo image
    leadingWidth: 120, //set leading height. By default width is 56
)

字符串

赞(0）回复(0）举报 12个月前

rks48beu3#

您可以使用Transform.scale小部件增加或减少Image或IconSize

appBar: AppBar(
    leading: Transform.scale(
      scale: 0.5,
      child: Image.asset(AppAssetsConfig.MenuIcon)),
    automaticallyImplyLeading: false,
    elevation: 0,

字符串
backgroundColor：Color（BasicAppColor.primaryColor），），

赞(0）回复(0）举报 12个月前

我来回答

dart 如何增加的大小领先的图标关闭AppBarFlutter

3条答案

相关问题

热门标签

最新问答