文本字段打开键盘颤动

如何解决文本字段打开键盘颤动

正如您从 the video I posted 中看到的，我对下面的文本字段存在约束问题。一旦我按下，键盘就会打开，但它重叠并破坏了整个视图。我该如何解决和管理问题？

问题可能是 qrima 的尺寸设置不当。

他们建议我管理 Scaffold 中的所有内容，然后设置 resizetoAvoidBottomInset: false 但我没有注意到任何改进

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    _buttonHeight = size.height * .05;

    double splitPoint = size.height / 7;

    return Scaffold(
        resizetoAvoidBottomInset: false,body: Stack(
            children: [FutureBuilder<UserData>(
          future: contentManager.getUserData(),builder: (context,AsyncSnapshot<UserData> snapUserData) {
            if (snapUserData.hasError)
              return Container(
                child: Center(
                  child: Text("There was some error"),),);
            if (snapUserData.connectionState != ConnectionState.done)
              return Container(
                child: Center(
                  child: CircularProgressIndicator(valueColor: new AlwaysstoppedAnimation<Color>(appColors.yellow)),);
            return Stack(
              alignment: AlignmentDirectional.center,children: [
                // SFONDO
                Positioned(
                  bottom: 0,child: Container(
                    height: size.height,width: size.width,color: appColors.primaryColor,// TITOLO
                Positioned(
                  top: size.height * .05,child: Text(
                    localization.showQR,style: Theme.of(context).primaryTextTheme.headline5.copyWith(
                      color: appColors.green,fontWeight: FontWeight.bold,Positioned(
                  top: size.height * .10,width: size.width * .8,child: qrCodeHolder,Positioned(
                  bottom: size.height * .18,child: AutoSizeText(
                    localization.home_subLabel,textAlign: TextAlign.center,maxLines: 1,Positioned(
                  bottom: size.height * .08,width: size.width * .7,height: size.height * .05,child: TextField(
                    inputFormatters: [
                      new LengthLimitingTextInputFormatter(11),],decoration: Inputdecoration(
                      filled: true,fillColor: Colors.white,focusedBorder: OutlineInputBorder(
                        borderSide: BorderSide(color: Colors.white),enabledBorder: UnderlineInputBorder(
                        borderSide: BorderSide(color: Colors.white),style: TextStyle(
                      fontSize: 18.0,//height: 2.0,color: Colors.black,);
          }),]),);
  }
}

解决方法

使用 SingleChildScrollView() 小部件包裹整个内容，如下所示：

Scaffold(
  body: SingleChildScrollView( 
    child: Stack( 

    )
  )
)