Flutter ExpansionWidget 互斥点击

Posted 2021-07-03 安果移不动

 定义一个 全局变量记录点击

  int _expendIndex = -1;

  Widget _wightChapterItem( int index) {
    return ExpansionWidget(
      key: UniqueKey(),
      initiallyExpanded: index==_expendIndex,
      onExpansionChanged: (v) {
        setState(() {
          _expendIndex = index;
        });

      },

切记这个地方需要使用到

     key: UniqueKey(),

key 是为了如防止列表复用。

key问题感谢同事 韩智

现在的效果是点击展开 然后点击不会折叠。

并且目前ui想要默认选中第一个

稍微优化下代码即可

  int _expendIndex =1;

​​​​​​​

    return ExpansionWidget(
      key: UniqueKey(),
      //初始进入课程详情页，默认状态：展开第一个（章），同时支持点击下拉箭头展开收起更多章，展开后没有退出课程详情页不用折叠，退出后再恢复成默认状态。
      initiallyExpanded: index == _expendIndex,
      onExpansionChanged: (v) {
        setState(() {
          if(_expendIndex==index){
            _expendIndex=-1;
          }else{
            _expendIndex = index;

          }

        });
      },

也恭喜这批文章入选31名了。。早些时间他是30的