保存modalbottomsheet状态

Question

在 StatefulWidget 中，我想使用 ChoiceChip 创建一个 showModalBottomSheet。但是，我希望在关闭模态表时保留 ChoiceChip 状态。 我的意思是 ChoiceChip 小部件中的“选定”属性，这是我的代码片段，感谢您的帮助。

class CustomFilterChip extends StatefulWidget {
  final String chipName;

  CustomFilterChip(this.chipName);

  @override
  State<CustomFilterChip> createState() => _CustomFilterChipState();
}

class _CustomFilterChipState extends State<CustomFilterChip> {
  bool status = false;

  @override
  Widget build(BuildContext context) {
    return FilterChip(
      
      label: Text(widget.chipName),
      selected: status,
      backgroundColor: Colors.purple[50],
      selectedColor: kCustomGreen,
      onSelected: (selected) {
        setState(() {
          statusHere = !statusHere;
         
        });
      },
    );
  }
}


showModalBottomSheet(
 context: context,
  builder: (ctx){
    return Container(
          child: Column(
            children: [
              Container(
                child: Text(
                'select your filter chip'
                  style: TextStyle(fontSize: 10.sp),
                ),
              ),
              SizedBox(
                height: 20,
              ),
              Container(
                child: Wrap(
                  spacing: 25,
                  children: [
                    CustomFilterChip('chip1')
                    CustomFilterChip('chip2')
                    CustomFilterChip('chip3')
                   
                  ],
                ),

Answer 1

如果是这种情况，您需要在小部件内拥有“selected”变量的主实例，从中调用底部工作表打开，然后将“selected”变量的值传递给在底部内呈现的小部件床单。