以下问题:
我有一个清单扩展瓷砖 https://docs.flutter.io/flutter/material/ExpansionTile-class.html效果很好。我面临的唯一问题是,滚动到视图之外的展开的 ExpansionTile 在再次滚动到视图中后将不再展开。这会导致不受欢迎的用户体验以及一种“跳跃”滚动。
该文档说明如下:
当与 ListView 之类的滚动小部件一起使用时,必须指定一个唯一的键,以使 ExpansionTile 在滚动进入和退出视图时能够保存和恢复其展开状态。
但这不起作用。到目前为止,我还没有找到办法来完成这项工作。
这是到目前为止的代码:
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'ExpansionTile Test',
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<Widget> _getChildren() {
List<Widget> elements = [];
for (int i = 0; i < 20; i++) {
elements.add(new ListChild());
}
return elements;
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('ExpansionTile Test'),
),
body: new ListView(
children: _getChildren(),
),
);
}
}
class ListChild extends StatefulWidget {
@override
State createState() => new ListChildState();
}
class ListChildState extends State<ListChild> {
GlobalKey<ListChildState> _key = new GlobalKey();
@override
Widget build(BuildContext context) {
return new ExpansionTile(
key: _key,
title: const Text('Test Tile'),
children: <Widget>[
const Text('body'),
],
);
}
}
Use a PageStorageKey
代替GlobalKey
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)