嗨,我是新的Flutter,我想实现这种设计的勾选图标显示时,一个按钮是从按钮组中选择

tp5buhyn  于 2023-02-25  发布在  Flutter
关注(0)|答案(2)|浏览(128)

我一直在用单选按钮;我似乎不知道如何使图标出现和消失的选择。

bf1o4zei

bf1o4zei1#

**要创建更多筹码并使其在Flutter中可选,您可以使用Chip小部件并将其 Package 在ChoiceChip或FilterChip小部件中。

List<String> _options = ['Option 1', 'Option 2', 'Option 3'];
List<String> _selectedOptions = [];

Widget build(BuildContext context) {
  return Wrap(
    children: _options.map((option) {
      return ChoiceChip(
        label: Text(option),
        selected: _selectedOptions.contains(option),
        onSelected: (selected) {
          setState(() {
            if (selected) {
              _selectedOptions.add(option);
            } else {
              _selectedOptions.remove(option);
            }
          });
        },
      );
    }).toList(),
  );
}
lnxxn5zx

lnxxn5zx2#

您可能需要查看Chip和RawChip等小部件。RawChip on flutter.dev
您可以在那里将所选选项设置为true,并得到一个复选标记。

相关问题