flutter-plugins/example/lib/widgets/blocks/block_item.dart

import 'package:flutter/material.dart';
import 'package:flutter_example_packages/widgets/base/export.dart';
import 'package:flutter_example_packages/widgets/texts/export.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

/// Block list item
class BlockItem<T> extends AppStatelessWidget {
  const BlockItem({
    super.key,
    required this.title,
    required this.desc,
    this.future,
    this.stream,
    this.builder,
  });

  final String title;
  final String desc;
  final Stream<T>? stream;
  final Future<T>? future;
  final Function(T)? builder;

  AsyncWidgetBuilder<T> get widgetBuilder =>
      (BuildContext context, AsyncSnapshot<T> snapshot) {
        return Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            TextTitleSmall(title),
            const SizedBox(height: 8),
            TextBodySmall(desc),
            const SizedBox(height: 8),
            if (snapshot.hasData)
              TextBodyMedium(
                snapshot.data == null
                    ? '-'
                    : (builder == null
                        ? snapshot.data.toString()
                        : builder?.call(snapshot.data as T)),
              ),
            if (!snapshot.hasData)
              const SizedBox(
                width: 16,
                height: 16,
                child: CircularProgressIndicator(
                  color: Colors.blueAccent,
                  strokeWidth: 2,
                ),
              ),
            const SizedBox(height: 20),
          ],
        );
      };

  @override
  Widget buildWide(
    BuildContext context,
    MediaQueryData media,
    AppLocalizations l10n,
  ) {
    if (stream != null) {
      return StreamBuilder(
        stream: stream,
        builder: widgetBuilder,
      );
    }
    if (future != null) {
      return FutureBuilder<T>(
        future: future,
        builder: widgetBuilder,
      );
    }
    throw "Please enter a value stream or future";
  }
}