在TextFormField中书写时，UI折叠

Question

我正在尝试制作一个简单的UI，其中有一列包含三个元素。第一个是列表视图，第二个是TextFormField，最后一个是容器。当我尝试输入TextFormField时，底部的容器也会替换我不理解的容器。

这是我的代码，可帮助您更清楚地了解我的问题。

class demo extends StatefulWidget {
  @override
  _demoState createState() => _demoState();
}

class _demoState extends State<demo> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("demo"),),
      body: new Column(
        children: <Widget>[
          Expanded(
            child: new ListView.builder(
              itemCount:1000,
              itemBuilder: (context,index){
                return Container(
                  padding: EdgeInsets.all(10.0),
                  height: 25.0,
                  color: Colors.grey,
                  child: Text(index.toString()),
                );
              }
            ),
          ),
          new TextFormField(
            decoration: InputDecoration(
              border: OutlineInputBorder(),
              hintText: "Enter Demo",
              hintStyle: TextStyle(color: Colors.grey),
            ),
          ),
          new Container(
            height: 20.0,
            child: Text("Demo Text"),
          )
        ],
      ),
    );
  }
}