Flutter Widget 之ConstrainedBox

323 阅读1分钟

虽然Flutter非常擅长根据位置和父级调整widget的大小,但有时候,您需要调整宽度和高度,以最佳地匹配您的设计。

使用ConstrainedBox widget,这非常简单。

ConstrainedBox允许您指定其子widget的最大或最小宽度和高度。

ConstrainedBox(
    constrains: BoxConstraints(
        maxWidth: 40,
        maxHeight: 30,
    ),
    child: Container(),
)

例如,您可以使用ConstrainedBox,约束文本widget的最大宽度,使其跨越多行。

ConstrainedBox(
    constraints: BoxConstraints(
        maxWidth: 200,
    ),
    child: Text(
        'Delicious Candy',
        textAlign: TextAlign.center,
    )
)

您可以通过约束其最小高度来拉伸凸起按钮的高度。

ConstrainedBox(
    constraints: BoxConstraints(
        minHeight: 100,
    ),
    child: RaisedButton(
        child: Text('Tap Me!'),
        onPress
    ),
),

如果想了解有关ConstrainedBox的内容,或者关于Flutter的其他功能,请访问flutter.dev

原文翻译自视频:视频地址