观看此视频以了解问题演示 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 并调整小部件的大小。然后,当用户单击文本字段时,键盘会弹出。
现在我的问题是当键盘弹出时屏幕会重新加载。
我尝试了以下解决方案:
- Using TextField inside a Streambuilder :我只设置了一次流,即第一次加载页面时。添加新聊天或条目时,会对流进行任何更改。就我而言,这不会发生。
- Flutter Switching to Tab Reloads Widgets and runs FutureBuilder我不确定这是否是同一个问题,但解决方案对我来说没有任何改变。
- Issue #11895 - 我也经历过这个,但没有帮助。
我认为屏幕正在尝试调整大小并重新绘制以适应键盘抽屉。但由于某种原因未能做到这一点并重新加载所有内容。我错过了什么吗?有解决办法吗?
最佳答案
正如您提供的其中一个链接指出,只要应用程序的状态发生变化(即弹出键盘),您的构建方法就会触发,因此请将流生成器移到它之外。您还可以进行一些更改。尝试以下操作,
在构建方法之外创建一个变量。
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
)
编辑:确保检查快照是否有数据。如果没有数据,则应该返回一些东西,直到它有数据为止,这样用户就会知道应用正在做什么。
此外,此属性也可能对您有所帮助。 resizeToAvoidBottomInset - https://api.flutter.dev/flutter/material/Scaffold/resizeToAvoidBottomInset.html
关于android - 弹出键盘时如何避免重新加载整页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57409531/