flutter_multi_select_items

dependencies: flutter_multi_select_items: ^0.4.2

flutter pub get

import 'package:flutter_multi_select_items/flutter_multi_select_items.dart';

MultiSelectContainer( items: [ MultiSelectCard(value: 'Flutter', label: 'Flutter'), MultiSelectCard(value: 'Spring', label: 'Spring'), MultiSelectCard(value: 'Django', label: 'Django'), ], onChange: (allSelectedItems, selectedItem) { print(allSelectedItems); }, )

onChange: (allSelectedItems, selectedItem) { print("전체 선택: $allSelectedItems"); print("방금 선택: $selectedItem"); }

class MultiSelectExample extends StatefulWidget { @override State<MultiSelectExample> createState() => _MultiSelectExampleState(); } class _MultiSelectExampleState extends State<MultiSelectExample> { List<String> selectedItems = []; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("멀티 선택 예제")), body: Column( children: [ MultiSelectContainer( items: [ MultiSelectCard(value: '운동', label: '운동'), MultiSelectCard(value: '영화', label: '영화'), MultiSelectCard(value: '여행', label: '여행'), MultiSelectCard(value: '독서', label: '독서'), ], onChange: (allSelectedItems, selectedItem) { setState(() { selectedItems = List<String>.from(allSelectedItems); }); }, ), SizedBox(height: 20), Text("선택된 항목: ${selectedItems.join(', ')}"), ], ), ); } }

MultiSelectContainer( itemsDecoration: MultiSelectDecorations( decoration: BoxDecoration( color: Colors.grey[200], borderRadius: BorderRadius.circular(10), ), selectedDecoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.circular(10), ), ), items: [ MultiSelectCard(value: 'A', label: 'A'), MultiSelectCard(value: 'B', label: 'B'), ], )

MultiSelectContainer( spacing: 10, runSpacing: 10, items: [...] )