101 lines
2.8 KiB
Dart
101 lines
2.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:manager_app/constants.dart';
|
|
|
|
class MultiSelectContainer extends StatelessWidget {
|
|
final Color color;
|
|
final String label;
|
|
final List<String> values;
|
|
final List<String> initialValue;
|
|
final bool isMultiple;
|
|
final ValueChanged<List<dynamic>> onChanged;
|
|
const MultiSelectContainer({
|
|
Key key,
|
|
this.color = kSecond,
|
|
this.label,
|
|
this.values,
|
|
this.initialValue,
|
|
this.isMultiple,
|
|
this.onChanged,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Size size = MediaQuery.of(context).size;
|
|
return Container(
|
|
child: Row(
|
|
children: [
|
|
Align(
|
|
alignment: AlignmentDirectional.centerStart,
|
|
child: Text(label, style: TextStyle(fontSize: 25, fontWeight: FontWeight.w300))
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(10.0),
|
|
child: Container(
|
|
width: size.width *0.2,
|
|
child: MultiSelectChip(
|
|
values,
|
|
initialValue,
|
|
isMultiple,
|
|
onSelectionChanged: (selectedList) {
|
|
onChanged(selectedList);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class MultiSelectChip extends StatefulWidget {
|
|
final List<String> values;
|
|
final List<String> selectedValues;
|
|
final Function(List<String>) onSelectionChanged; // +added
|
|
final bool isMultiple;
|
|
MultiSelectChip(
|
|
this.values,
|
|
this.selectedValues,
|
|
this.isMultiple,
|
|
{this.onSelectionChanged} // +added
|
|
);
|
|
@override
|
|
_MultiSelectChipState createState() => _MultiSelectChipState();
|
|
}
|
|
class _MultiSelectChipState extends State<MultiSelectChip> {
|
|
_buildChoiceList() {
|
|
List<Widget> choices = List();
|
|
widget.values.forEach((item) {
|
|
choices.add(Container(
|
|
padding: const EdgeInsets.all(2.0),
|
|
child: ChoiceChip(
|
|
label: Text(item, style: TextStyle(color: kBlack)),
|
|
selected: widget.selectedValues.contains(item),
|
|
selectedColor: kPrimaryColor,
|
|
onSelected: (selected) {
|
|
setState(() {
|
|
if (widget.isMultiple) {
|
|
widget.selectedValues.contains(item)
|
|
? widget.selectedValues.remove(item)
|
|
: widget.selectedValues.add(item);
|
|
widget.onSelectionChanged(widget.selectedValues);
|
|
} else {
|
|
widget.selectedValues.clear();
|
|
widget.selectedValues.add(item);
|
|
widget.onSelectionChanged(widget.selectedValues);
|
|
}
|
|
// +added
|
|
});
|
|
},
|
|
),
|
|
));
|
|
});
|
|
return choices;
|
|
}
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Wrap(
|
|
children: _buildChoiceList(),
|
|
);
|
|
}
|
|
} |