RenderFlex子級具有非零flex但傳入的寬度約束在顫動中是無界的

我遇到了一個錯誤，DropdownButton并洗掉了其中我不使用 selectedItemBuilder 的方法，因此收到了一個錯誤，因為它說錯誤是由于 GFCheckboxListTile 小部件造成的。但我不明白如何解決這個錯誤，如果你知道 - 讓我知道，我將不勝感激。

代碼

class DropdownWidget extends StatefulWidget {
  List<String> items;
  SvgPicture? icon;
  double width;

  DropdownWidget({
    Key? key,
    required this.items,
    required this.icon,
    required this.width,
  }) : super(key: key);

  @override
  State<DropdownWidget> createState() => _DropdownWidgetState();
}

class _DropdownWidgetState extends State<DropdownWidget> {
  String? selectedValue;
  bool selected = false;

  final List _selectedTitles = [];
  final List _selectedTitlesIndex = [];

  final GFCheckboxType type = GFCheckboxType.basic;

  @override
  void initState() {
    super.initState();
    if (widget.items.isNotEmpty) {
      _selectedTitles.add(widget.items[1]);
    }
  }

  void _onItemSelect(bool selected, int index) {
    if (selected == true) {
      setState(() {
        _selectedTitles.add(widget.items[index]);
        _selectedTitlesIndex.add(index);
      });
    } else {
      setState(() {
        _selectedTitles.remove(widget.items[index]);
        _selectedTitlesIndex.remove(index);
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: widget.width,
      child: DropdownButtonHideUnderline(
        child: DropdownButton2(
          items: List.generate(
            widget.items.length,
            (index) => DropdownMenuItem<String>(
              value: widget.items[index],
              child: Container(
                decoration: BoxDecoration(
                  border: Border(
                    bottom: BorderSide(
                      color: constants.Colors.white.withOpacity(0.1),
                      width: 1,
                    ),
                  ),
                ),
                child: StatefulBuilder(
                  builder: (context, setStateSB) => Expanded(
                    child: GFCheckboxListTile(
                      value: _selectedTitles.contains(widget.items[index]),
                      onChanged: (bool selected) {
                        _onItemSelect(selected, index);
                        setStateSB(() {});
                      },
                      selected: selected,
                      title: Text(
                        widget.items[index],
                        style: constants.Styles.smallTextStyleWhite,
                      ),
                      padding: const EdgeInsets.only(top: 12, bottom: 13),
                      margin: const EdgeInsets.only(right: 0, left: 0),
                      size: 22,
                      activeBgColor: constants.Colors.greyCheckbox,
                      activeBorderColor: constants.Colors.greyCheckbox,
                      inactiveBgColor: constants.Colors.greyCheckbox,
                      activeIcon:
                          SvgPicture.asset(constants.Assets.checkboxIcon),
                      inactiveBorderColor: constants.Colors.greyXMiddle,
                      type: type,
                    ),
                  ),
                ),
              ),
            ),
          ),
          hint: _selectedTitles.length > 1
              ? const Text('Selecte EV',
                  style: constants.Styles.bigBookTextStyleWhite)
              : Text(_selectedTitles.join().toString(),
                  style: constants.Styles.bigBookTextStyleWhite),
          value: selectedValue,
          onChanged: (value) {
            setState(() {
              selectedValue = value as String;
            });
          },
          icon: SvgPicture.asset(constants.Assets.arrowDropdown),
          iconSize: 21,
          buttonHeight: 27,
          itemHeight: 47,
          dropdownMaxHeight: 191,
          dropdownWidth: 160,
          dropdownDecoration: BoxDecoration(
            borderRadius: BorderRadius.circular(8),
            border: Border.all(
              color: constants.Colors.purpleMain,
            ),
            color: constants.Colors.greyDark,
          ),
        ),
      ),
    );
  }
}

渲染庫捕獲的例外 ═════════════════════════════════ RenderFlex 子節點具有非零 flex 但傳入的寬度約束是無界。相關的導致錯誤的小部件是 GFCheckboxListTile

uj5u.com熱心網友回復：

您可以替換Expanded為SizedBox.shrink

child: StatefulBuilder(
  builder: (context, setStateSB) => SizedBox.shrink(
    child: GFCheckboxListTile(

更多關于SizedBox.

標籤：扑 镖

上一篇：Flutter-LateError（LateInitializationError：欄位'_items@68190616'尚未初始化。）

下一篇：如何查找或編輯現有的IBAction？