flutter - 在 flutter 中 IntrinsicHeight 的替代品是什么？

Question

我在 bottomNavigationBar 中有这段代码”

      bottomNavigationBar: BottomAppBar(
        child: IntrinsicHeight(
          child: Row(
            children: <Widget>[
              IconButton(
                icon: Icon(Icons.arrow_back_ios),
                onPressed: () => Navigator.of(context).pop(),
              ),
              Spacer(),
              IconButton(
                icon: Text(
                  "QR",
                  style: Theme.of(context).textTheme.title,
                ),
                onPressed: () => Navigator.of(context).pop(),
              ),
              VerticalDivider(
                color: Theme.of(context).textTheme.headline.color,
              ),
              IconButton(
                icon: Icon(Icons.share),
                onPressed: () => Navigator.of(context).pop(),
              ),
            ],
          ),
        ),
      ),

并且代码按预期工作。

如果我删除 IntrinsicHeight 小部件，分隔线会一直横跨整个屏幕。

我想要一个替代方案的原因是因为在 IntrinsicHeight 的文档中它说:此类相对昂贵。尽可能避免使用它。

什么是便宜的替代品？

谢谢

Answer 1

如果您正在寻找“一种让行适合动态内容的最小高度的廉价方法”，那么没有。

廉价的解决方案是，在 Row 上设置固定高度——通常将其包装在 SizedBox 中:

SizedBox(
  height: 42,
  child: Row(...),
)

如果内容具有固定高度，这会很有效。但如果高度是动态的，则不会。