Flutter FractionallySizedBox 设置维度比例 而不是固定的px

• 本周小部件

有时您的设计需要相对的维度。 FractionallySizedBox允许您将子项的大小调整为总可用空间的一小部分。

    Scaffold(
      body: Center(
        child: FractionallySizedBox(
          widthFactor: 0.8,
          heightFactor: 0.8,
          child: Container(
            color: Colors.red,
          ),
        ),
      ),
    );

上面将Container的宽高设置为设备的80%。