gpt4 book ai didi

android - Flutter 键盘使文本字段隐藏

转载 作者:IT老高 更新时间:2023-10-28 12:34:07 31 4
gpt4 key购买 nike

我是新来的 flutter 。我添加了一个带有文本字段的表单,当我单击文本字段并且键盘出现时,文本字段会上升。

这是我的代码:

Widget build(BuildContext context) {

MediaQueryData mediaQuery = MediaQuery.of(context);
return new Scaffold(
body: new Container(
color: Colors.purple,
constraints: new BoxConstraints.expand(),
padding: EdgeInsets.only(top: 10.0,left: 10.0,right: 10.0, bottom: mediaQuery.viewInsets.bottom, ),
child: SingleChildScrollView(
child: Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
SizedBox(height: 12.0),
Text(
'What is your Business Name?',
style: TextStyle(fontSize: 24.0),
),
AppForm(),
],
),
padding: EdgeInsets.only(left: 10.0,right: 10.0, bottom: mediaQuery.viewInsets.bottom),
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(30.0)),
color: Colors.white,
),
)
)
),
);
}

这是不打开键盘的结果: Image without keyboard

这是打开键盘后的图像: Image after opening the keyboard


这是我的 flutter 医生输出。

Doctor summary (to see all details, run flutter doctor -v): [√] Flutter 
(Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.165], locale
en-US) [√] Android toolchain - develop for Android devices (Android SDK
28.0.0) [√] Android Studio (version 3.1) [!] VS Code, 64-bit edition (version
1.25.1) [!] Connected devices ! No devices available ! Doctor found issues in
2 categories.

知道如何解决这个问题吗?

最佳答案

 new Scaffold(
appBar: new AppBar(
...
resizeToAvoidBottomInset: true,
....

修复了文本字段被键盘隐藏的问题

关于android - Flutter 键盘使文本字段隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51335483/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com