ExpansionTile无法保持状态

4
以下是需要翻译的内容:

以下问题: 我有一个ExpansionTiles列表,它工作得非常好。我面临的唯一问题是,滚动出视图的已展开的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'),
      ],
    );
  }
}
1个回答

6

使用 PageStorageKey 代替 GlobalKey


谢谢,这个很好用。但是有没有相关的文档?我找不到关于这种键的参考资料... - Rainer Wittmann
我打开了 https://github.com/flutter/flutter/pull/11034 来改进文档。 - Collin Jackson

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接