如何灵活调整大小

Question

我正在使用 flexible 使其负责

  Widget build(BuildContext context) {
return Scaffold(
  body: Stack(
    children: [
      SafeArea(
          child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          //Creating timer for white side
          Flexible(child: TimerBox(WhiteSideColor, WhiteSideRotation),),

          //Creating buttons in the middle
          Flexible(child: SizedBox(child: ButtonsInTheMiddle(),)),

          //Creating timer for black side
          Flexible(child: TimerBox(BlackSideColor, BlackSideRotation)),
        ],
      ))
    ],
  ),
); 
}

而且我想把它做成下图这样，但是我不能调整中间的Flexible widget，我尝试了sizedbox和FractionallySizedBox。提前感谢您的帮助。

PD：我在周围画了一些 green/blue（我无法分辨颜色）线框，这是我想要为小部件制作的尺寸

Answer 1

您可以将弹性因子添加到每个灵活的小部件，以决定将其大小与其他灵活的小部件进行比较。 https://api.flutter.dev/flutter/widgets/Flexible/flex.html

Answer 2

我想我是不是真的看懂了。你想让中间按钮有一些尺寸吗？如果您想要特定尺寸，请使用 SizedBox 指定高度和宽度，并在其 child 中传递您想要的尺寸。如果不是，则使用 flex factor 来 Flexible

如何灵活调整大小

How to resize in flutter with flexible

resize

flutter