flutter 中空Widget怎么表示

1,492 阅读1分钟

在 Flutter 中,表示空 Widget 的方法是使用 SizedBox.shrink() 或者 Container()

SizedBox.shrink() 创建一个大小为零的空盒子,它没有任何视觉效果,但可以占用一定的空间。使用示例:

SizedBox.shrink()

Container() 创建一个可视化面积为零的空容器,它与 SizedBox.shrink() 相似,但具有一些其他的属性,比如可以设置颜色、边框等。使用示例:

Container()

在性能上,SizedBox.shrink() 会比 Container() 更优秀,因为 SizedBox.shrink() 只是一个空的盒子,它不需要进行任何绘制操作,而 Container() 则需要创建一个 RenderObject 和 RenderBox,并且需要进行一些测量和布局操作。

但是在实际应用中,这个差距是微不足道的,因此在使用空 Widget 时,更应该考虑的是使用场景和需要的属性.如果你需要一个空的容器,并且需要设置一些属性,比如颜色、边框等,那么使用 Container() 更为方便。如果你只需要一个占位符,并且不需要进行任何属性设置,那么使用 SizedBox.shrink() 更为合适。