如何在脚手架中添加滚动功能

Question

我在Scaffold中添加滚动功能时遇到问题，在这里我尝试了SingleChildScrollView，CustomerScrollView和ListView，但是它冻结了UI，但是当我将ti Scaffold替换为LayoutBuilder时，它可以工作，但我的所有背景都变成了黑色。我只想在功能上向Scaffold添加滚动。

Widget build(BuildContext context) {
    return WillPopScope(
        onWillPop: () {
           ...Some Code...
        },
        child: Scaffold(
          body: Column(
            children: <Widget>[
              Expanded(
                  flex: 3,
                  child: Container(
                    padding: EdgeInsets.all(15.0),
                    alignment: Alignment.bottomLeft,
                    child: Text(
                      mydata[0][i.toString()],
                      style: TextStyle(fontSize: 16.0, fontFamily: "Quando"),
                    ),
                  )),
              Expanded(
                  flex: 6,
                  child: Container(
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: <Widget>[
                        choiceButton('a'),
                        choiceButton('b'),
                        choiceButton('c'),
                        choiceButton('d'),
                      ],
                    ),
                  )),
              Expanded(
                  flex: 1,
                  child: Container(
                    alignment: Alignment.topCenter,
                    child: Text(showtimer,
                        style: TextStyle(
                            fontSize: 35.0,
                            fontFamily: "Times New Roman",
                            fontWeight: FontWeight.w700)),
                  ))
            ],
          ),
        ) // Scaffold
      );// WillPopScope
  }

Answer 1

 body: SingleChildScrollView(
  chil: Column(

)
)

Answer 2

尝试一下

 return Scaffold(
      resizeToAvoidBottomInset: false,
      extendBodyBehindAppBar: false,
      backgroundColor: Colors.white,
      body: Column(
        children: <Widget>[
           Expanded(
            child: SingleChildScrollView(
              child: Container(
                height: MediaQuery.of(context).size.height,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.start,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[

                  ],
                ),
              ),
            ),
          ),
     ]