在最外层套上一个 SingleChildScrollView 即可解决，出现页面被挤压显示不全，就是页面高度不高，增加一个滚动视图就可以了。
先看效果在上代码

image.png
image.png

代码

Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('demo'),
      ),
//点击空白处隐藏键盘
      body: GestureDetector(
        behavior: HitTestBehavior.translucent,
        child: SingleChildScrollView(
          child: Column(
            children: <Widget>[
              SizedBox(height: 400),
              TextField(
                style: TextStyle(
                  fontSize: 16,
                ),
                decoration: InputDecoration(
                  hintText: '请输入手机号码',
                ),

              )
            ],
          ),
        ),
        onTap: (){
          //点击空白处隐藏键盘
          FocusScope.of(context).requestFocus(FocusNode());
        },
      )
    );
  }