键盘颤抖时UI溢出

Question

在设计中，我使用扩展将屏幕分为三部分，但是在第二部分中，当用户尝试输入某些像素溢出了设计的内容时，我会使用textfield }内部使用容器小部件扩展以消除渲染问题，但我的设计消失了。

SingleChildScrollView

PlayerOptionWidget方法

return Scaffold(
      body: Stack(
        children: <Widget>[
          Container(
            decoration: _buildBackground(),
          ),
          Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
              Expanded(
                flex: 13,
                //child:_toolBar('VENUE LOGIN')
                child:MyWidget(headerText: 'Player Option',)
              ),
             Expanded(
                flex: 70,
                child: Container(
                  margin: EdgeInsets.only(top: width*0.03),
                  decoration: BoxDecoration(color: Colors.transparent),child: PlayerOptionContainer(),),
              ),

              Expanded(
                flex: 17,
                child: _bottomView1(width),
              ),
            ],
          )
        ],
      ),
    );

这是试图实现的设计

但是它会溢出一些像素

Answer 1

常见问题。有几种解决方案

1. 您可以在Stack中包裹正文（SingleChildScrollView）
2. 您可以尝试resizeToAvoidBottomInset的{​​{1}}参数：

Scaffold