Flutter hooks #dart #flutter

hook_basic.dart

class ShopCouponList extends HookConsumerWidget {
  final ShopCouponType type;
  const ShopCouponList({
    super.key,
    required this.type,
  });

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    const loadingWidget = Padding(
      padding: EdgeInsets.symmetric(vertical: 32.0),
      child: CircularProgressIndicator(),
    );
    final notifier = useValueNotifier<bool>(true);
    return ref.watch(shopCouponListProvider(type)).when(
          data: (data) => ListView.builder(
            // physics: const NeverScrollableScrollPhysics(),
            shrinkWrap: true,
            primary: false,
            itemCount: data.length,
            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
            itemBuilder: (BuildContext context, int index) {
              return HookBuilder(
                builder: (context) {
                  final value = useValueListenable(notifier);
                  return InkWell(
                    onTap: () {
                      notifier.value = !notifier.value;
                    },
                    child: ShopCouponListItem(
                      coupon: data[index],
                    ),
                  );
                }
              );
            },
          ),
          error: (error, stack) => loadingWidget,
          loading: () => loadingWidget,
        );
  }
}