Flutter:当键盘出现时背景被挤压到左边

Posted

技术标签:

【中文标题】Flutter:当键盘出现时背景被挤压到左边【英文标题】:Flutter : background is squeezed to the left when keyboard shows up 【发布时间】:2021-03-03 18:39:19 【问题描述】:

当我想填充 TextView 并且键盘出现时,脚手架向左挤压时遇到问题。

有人知道吗?

这是我的代码:

  @override
  Widget build(BuildContext context) 

    final authentCubit = context.watch<AuthentificationCubit>();
    final UserRepository user = UserRepository();
    print(user.getUserName());
    return Scaffold(

      resizeToAvoidBottomPadding: false,
      appBar: AppBar(
        title: Text('First Route'),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            ElevatedButton(
              child: Text('Deconnexion'),
              onPressed: () 
                authentCubit.signOut();
              ,
            ),
            ElevatedButton(
              child: Text('Formulaire contact'),
              onPressed: () 
                showDialog(context: context,builder: (context)=> ContactForm());
              ,
            ),
            TextField(),
          ],
        ),
      ),
    );
  



这是我的问题的屏幕

谢谢

【问题讨论】:

我已经在真实设备中测试了您的代码,并且运行良好。可以在真机或其他模拟器上试用吗? 感谢您的回答。我已经回答了这个问题 【参考方案1】:

我的树中有两个脚手架,这就是“resizeToAvoidBottomPadding: false”不起作用的原因。

【讨论】:

以上是关于Flutter:当键盘出现时背景被挤压到左边的主要内容,如果未能解决你的问题,请参考以下文章

H5页面背景图被键盘挤压移动了位置解决方法

当设备仅从纵向旋转到横向时,网页上的全屏图像被挤压

flutter 软键盘挤压页面导致变形溢出

解决安卓手机上软键盘弹出挤压背景的问题

Flutter - 当键盘出现在android上时文本字段不显示

出现屏幕键盘时保留页面布局(iOS/phonegap)