Flutter AppBar 操作 iconButton 溢出

Question

我的AppBar操作IconButton溢出了。

likesCount 参数随时间变化。

如何在 AppBar 操作中使用 IconButton 动态防止溢出？

我的代码：

appBar: AppBar(
        actions: [
          IconButton(
            onPressed: () {},
            icon: Row(
              children: [
                Text("$likesCount"), <---- overflow in big numbers
                const Icon(Icons.favorite_border),
              ],
            ),
          ),
        ],
      ),

Answer 1

有必要在文本中也可以点按吗？因为'你可以这样做：

     AppBar(
        actions: [
          Row(
            children: [
              Text("155.55"),
              IconButton(
                onPressed: () {},
                icon: Icon(Icons.favorite_border),
              ),
            ],
          )
        ],
      ),

使该行同时具有 Text 和 IconButton

如果您希望图标和文本更接近，只需将此添加到 IconButton:

constraints: BoxConstraints(),
padding: EdgeInsets.zero,

Flutter AppBar 操作 iconButton 溢出

Flutter AppBar actions iconButton overflowed

flutter

scaffold

iconbutton