大小框与填充在列和行中的距离

Question

在“列”和“行”内部应用距离之间SizedBox以及Padding在该距离之间是否存在性能差异。

这是一个例子：

        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,
            ),

颤振团队应该首选或推荐哪一个？

Answer 1

SizedBox赢。因为它只对它的孩子施加约束。

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

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

Answer 2

我认为SizedBox通过展平嵌套的代码行可以使代码更容易阅读。