flutter --- DropdownButton 关于二级联动的一点心得体验

最新推荐文章于 2024-09-23 15:03:20 发布

一个flutter大菜鸟

最新推荐文章于 2024-09-23 15:03:20 发布

阅读量3.4k

点赞数

分类专栏： flutter

本文链接：https://blog.csdn.net/a875801/article/details/88978675

版权

flutter 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

在使用DropdownButton 做二级联动的时候，遇到了些问题，在此记录下

一级DropdownButton在onCange事件里需要改变本身的value还有二级DropdownButton的value，先1后2，多级联动依此类推

Container(
            padding: EdgeInsets.symmetric(horizontal: ScreenUtil().setWidth(20)),
            height: 60.0,
            child: DropdownButton(
              isExpanded: true,
              value: isCourseValue,
              items: _CourseNameList.map((item){
                return DropdownMenuItem(
                  child: Text(item),
                  value: item,
                );
              }).toList(),
              onChanged: (value){
                setState(() {
                  isCourseValue = value;//一级
                  isChapterValue = _ChapterNameList[isCourseValue][0]['title'];         //二级
                });
              },
            ),
          ),
          Container(
            padding: EdgeInsets.symmetric(horizontal: ScreenUtil().setWidth(20)),
            height: 60.0,
            child: DropdownButton(
              isExpanded: true,
              value: isChapterValue,
              items: _ChapterNameList[isCourseValue].map((item){
                return DropdownMenuItem(
                  child: Text(item['title']),
                  value: item['title'],
                );
              }).toList(),
              onChanged: (value){
               
              },
            ),
          ),