dart - ExpansionPanelList 既不展开也不折叠 ExpansionPanel

Question

我在 Tab() 中使用 ExpansionPanel()。 ExpansionPanel() 正确显示。但是它的 isExpanded 属性永远不会改变(是的，我有一行应该改变它)使得它不可能折叠或展开 ExpansionPanel()

我尝试使用 Expansion Panel List in Flutter 的答案和 Can't create ExpansionPanelList with Items in Flutter但它们都不起作用。

我也试过关注Flutter ExpansionPanel Demo但没有用。

// ...

class _PlaceExpandedPanelItem {
  _PlaceExpandedPanelItem({this.isExpanded, this.header, this.body, this.icon});

  bool isExpanded;
  final String header;
  final Widget body;
  final Icon icon;
}

class _HomePage extends State<HomePage> with SingleTickerProviderStateMixin{
  int _selectedIndex = 0;

  TabController _tabController;

  List<_PlaceExpandedPanelItem> _placeExpandedPanelItems = <_PlaceExpandedPanelItem>[
    _PlaceExpandedPanelItem(
      isExpanded: true,
      header: 'Header',
      body: Column(
        children: <Widget>[
          Text('Body')
        ],
      ),
      icon: null
    ),
    _PlaceExpandedPanelItem(
        isExpanded: false,
        header: 'Header',
        body: Text('Body'),
        icon: null
    ),
  ];

  List<Tab> _allTabs;

  @override
  void initState() {
    super.initState();
    _allTabs = <Tab>[
      Tab(
          child: Container(
            child: ListView(
              children: <Widget>[
                new ExpansionPanelList(
                  expansionCallback: (int index, bool isExpanded) {
                    setState(() {
                      _placeExpandedPanelItems[index].isExpanded = !_placeExpandedPanelItems[index].isExpanded;
                    });
                  },
                  children: _placeExpandedPanelItems.map((_PlaceExpandedPanelItem _placeExpandedPanelItem){
                    return ExpansionPanel(
                      headerBuilder: (BuildContext context, bool isExpanded) {
                        return Text(_placeExpandedPanelItem.isExpanded.toString());
                      },
                      isExpanded: _placeExpandedPanelItem.isExpanded,
                      body: _placeExpandedPanelItem.body,
                    );
                  }).toList(),
                )
              ],
            ),
            margin: EdgeInsets.all(16.0),
          )
      ),
      Tab(
        child: Text('Tab 2'),
      ),
      Tab(
        child: Text('Tab 3'),
      ),
    ];

    _tabController = TabController(vsync: this, length: _allTabs.length);
  }

// ...

我希望 ExpansionPanel() 在 expansionCallback 被调用时折叠或展开，但它既没有折叠也没有展开。

Answer 1

在 initState() 上初始化小部件可能会导致在不等待 initState() 完成的情况下先调用 Widget build。如果小部件不需要在 initState() 上，最好将它们移动到 Widget build() 中。