flutter - Sizedbox 与填充列和行中的距离

Question

SizedBox 和 Padding 在 Column 和 Row 内应用距离时是否存在性能差异。

这是一个例子:

        child: Column(
          children: <Widget>[
            SizedBox(
              height: 30.0,
            ),
            ProfileAvatar(
              photoUrl: vo.photoUrl,
              height: 90.0,
            ),

或者这个

        child: Column(
          children: <Widget>[
            Padding(
              padding: EdgeInsets.only(top: 30.0),
            ),
            ProfileAvatar(
              photoUrl: vo.photoUrl,
              height: 90.0,
            ),

flutter 团队应该首选或推荐哪个？

Answer 1

SizedBox 获胜。因为它只对它的 child 应用约束。

但考虑到他们俩都没有 child ，他们会做同样的事情。最多你会有一纳秒的差异/考虑到您的示例中的两种语法都将被实例化为“const”，这一点尤其正确。这将中止以下重建。

使用最适合您的方式。增益是如此之小，你永远不会注意到差异。所以拿什么更清楚