[英]How to avoid full page reloading when keyboard pops up?
查看此视频以获取问题演示https://youtu.be/GsdWcTEbUbg
由于代码比较多,这里我尽量总结一下代码的结构。 简而言之:
Scaffold(
appBar: AppBar(),
body: StreamBuilder<dynamic>(
stream: globals.chatRoomBloc.threadScreen,
builder: (BuildContext context, AsyncSnapshot snapshot) {
return Column(
crossAxisAlignment:
CrossAxisAlignment.stretch, // sticks to the keyboard
children: <Widget>[
Expanded(
child: Scrollbar(
child: ListView.builder(
shrinkWrap: true,
itemCount: list.length,
itemBuilder: (BuildContext context, int index) {
return TileWidget();
},
),
),
),
],
);
},
),
)
TileWidget 是有状态的,在按下回复按钮时附加 TextField 并调整小部件的大小。 然后当用户单击文本字段时,键盘会弹出。
现在我的问题是当键盘弹出时屏幕重新加载。
我尝试了以下解决方案:
我认为屏幕正在尝试调整大小和重绘以适应键盘抽屉。 但由于某种原因未能这样做并重新加载所有内容。 我错过了什么吗? 有没有解决的办法?
正如您提供的链接之一指出的那样,只要应用程序的状态发生变化(即键盘弹出),构建方法就会触发,因此将streambuilder移出它。 您还可以进行其他更改。 尝试以下方法
在build方法之外创建一个变量。
var myStreamBuilder;
//....
//inside initialstate method
myStreamBuilder = StreamBuilder<dynamic>(
stream: globals.chatRoomBloc.threadScreen,
builder: (BuildContext context, AsyncSnapshot snapshot) {
return Column(
crossAxisAlignment:
CrossAxisAlignment.stretch, // sticks to the keyboard
children: <Widget>[
Expanded(
child: Scrollbar(
child: ListView.builder(
shrinkWrap: true,
itemCount: list.length,
itemBuilder: (BuildContext context, int index) {
return TileWidget();
},
),
),
),
],
);
},
),
然后在您的构建方法中调用变量。
Scaffold(
appBar: AppBar(),
resizeToAvoidBottomInset: false, //don't forget this!
body: myStreamBuilder
)
编辑:请确保您检查快照是否具有hasData。 如果没有数据,则应返回某些内容,直到它包含数据为止,这样可以通知用户应用程序在做什么。
此外,此属性也可能对您有所帮助。 resizeToAvoidBottomInset- https: //api.flutter.dev/flutter/material/Scaffold/resizeToAvoidBottomInset.html
我认为如果您使用 MediaQuery 所以这就是问题创建的原因,而另一种解决方案是再次创建构造函数和 getList。
class Demo(){
getlist(); // get list again
}
当键盘打开或关闭页面重新加载时我遇到了类似的问题我只是从 MainActivity.XML 中删除以下行,一切正常
android:windowSoftInputMode="adjustResize">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.