refactor selectable chips
This commit is contained in:
@@ -71,8 +71,8 @@ class SearchTab extends HookConsumerWidget {
|
|||||||
itemId: (bang) => bang.trigger,
|
itemId: (bang) => bang.trigger,
|
||||||
itemAvatar: (bang) => BangIcon(bang, iconSize: 20),
|
itemAvatar: (bang) => BangIcon(bang, iconSize: 20),
|
||||||
itemLabel: (bang) => Text(bang.websiteName),
|
itemLabel: (bang) => Text(bang.websiteName),
|
||||||
available: availableBangs,
|
availableItems: availableBangs,
|
||||||
selected: selectedBang,
|
selectedItem: selectedBang,
|
||||||
onSelected: (bang) {
|
onSelected: (bang) {
|
||||||
ref
|
ref
|
||||||
.read(selectedBangTriggerProvider().notifier)
|
.read(selectedBangTriggerProvider().notifier)
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
class SelectableChips<T, K> extends StatelessWidget {
|
class SelectableChips<T, K> extends StatelessWidget {
|
||||||
final List<T> available;
|
final List<T> availableItems;
|
||||||
final T? selected;
|
final T? selectedItem;
|
||||||
final int maxCount;
|
final int maxCount;
|
||||||
|
|
||||||
final K Function(T item) itemId;
|
final K Function(T item) itemId;
|
||||||
@@ -16,8 +16,8 @@ class SelectableChips<T, K> extends StatelessWidget {
|
|||||||
required this.itemId,
|
required this.itemId,
|
||||||
required this.itemLabel,
|
required this.itemLabel,
|
||||||
this.itemAvatar,
|
this.itemAvatar,
|
||||||
required this.available,
|
required this.availableItems,
|
||||||
this.selected,
|
this.selectedItem,
|
||||||
this.maxCount = 25,
|
this.maxCount = 25,
|
||||||
this.onSelected,
|
this.onSelected,
|
||||||
this.onDeleted,
|
this.onDeleted,
|
||||||
@@ -26,13 +26,14 @@ class SelectableChips<T, K> extends StatelessWidget {
|
|||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
var items = available.take(maxCount).toList();
|
var items = availableItems.take(maxCount).toList();
|
||||||
if (selected != null) {
|
if (selectedItem case final T selectedItem) {
|
||||||
final selectedIndex = items.indexWhere(
|
final selectedIndex = items.indexWhere(
|
||||||
(item) => selected != null && itemId(item) == itemId(selected!));
|
(item) => itemId(item) == itemId(selectedItem),
|
||||||
|
);
|
||||||
if (selectedIndex < 0) {
|
if (selectedIndex < 0) {
|
||||||
items = [
|
items = [
|
||||||
selected!,
|
selectedItem,
|
||||||
...items,
|
...items,
|
||||||
];
|
];
|
||||||
} else {
|
} else {
|
||||||
@@ -52,7 +53,8 @@ class SelectableChips<T, K> extends StatelessWidget {
|
|||||||
return Padding(
|
return Padding(
|
||||||
padding: const EdgeInsets.only(right: 8.0),
|
padding: const EdgeInsets.only(right: 8.0),
|
||||||
child: FilterChip(
|
child: FilterChip(
|
||||||
selected: selected != null && itemId(item) == itemId(selected!),
|
selected: selectedItem != null &&
|
||||||
|
itemId(item) == itemId(selectedItem as T),
|
||||||
showCheckmark: false,
|
showCheckmark: false,
|
||||||
onSelected: (value) {
|
onSelected: (value) {
|
||||||
if (value) {
|
if (value) {
|
||||||
|
|||||||
Reference in New Issue
Block a user