flutter - 如何在 flutter 中拉伸(stretch)容器以使其占据剩余的屏幕？

Question

我试图最大化屏幕，因为底部有一个未使用的白色间隙(在绿色条下方，它是 qn 的倒计时/计时器):

代码:

    final quizBottomContentText = Container(
      width: MediaQuery.of(context).size.width,
      padding: EdgeInsets.only(left:30.0, right:30.0, top: 30.0, bottom: 30),
      child: Text(
        questions[questionNum].title,
        style: TextStyle(fontSize: 18.0),
      )
    );

    final quizOptions = Container(
      width: MediaQuery.of(context).size.width,
      padding: EdgeInsets.only(left: 40.0, right:40.0, bottom: 40.0),
      child: Center(
        child: Column(
                  children: questions[questionNum].options.map<Widget>(
                    (option) =>  SimpleRoundButton(
                        backgroundColor: Color.fromRGBO(58, 66, 86, 1.0),
                        buttonText: Text(option, 
                            style: TextStyle(
                                color: Colors.white
                            ),
                        ),
                        textColor: Colors.white,
                        onPressed: (){},
                    ),
              ).toList(),
        )
      )
    );

    final countdown = CountdownWidget(
          width: MediaQuery.of(context).size.width,
          duration: 20,
          triviaState: triviaState,
        );

    final quizBottomContent = Container(
     width: MediaQuery.of(context).size.width,
      child: Column(
        children: <Widget>[quizBottomContentText, quizOptions, countdown], // need countdown 
      ),
    ); 

我一直在尝试以下方法，但似乎无法得到我想要的:

 // Column for quizBottomContent
 mainAxisAlignment: MainAxisAlignment.spaceBetween,

Answer 1

将底部小部件包裹在 Column 内 Expanded (我想，这就是你想要的)