flutter_ioc_container 0.0.2-beta

A Flutter extension for the ioc_container package

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_ioc_container/flutter_ioc_container.dart';
import 'package:ioc_container/ioc_container.dart';

class AppChangeNotifier extends ChangeNotifier {
  bool get isDark => _isDark;
  set isDark(bool value) {
    _isDark = value;
    notifyListeners();
  }

  bool get displayCounter => _displayCounter;
  set displayCounter(bool value) {
    _displayCounter = value;
    notifyListeners();
  }

  ThemeData get themeData => isDark
      ? ThemeData(
          primarySwatch: Colors.blue,
          brightness: Brightness.dark,
        )
      : ThemeData(
          primarySwatch: Colors.blue,
          brightness: Brightness.light,
        );

  int get counter => _counter;

  int _counter = 0;
  bool _isDark = false;
  bool _displayCounter = true;

  void increment() {
    _counter++;
    //No need to notify listeners because that will get called here
    isDark = counter.isOdd;
  }
}

class DisposableService {
  final counterLabel = 'You have pushed the button this many times:';
  void dispose() {
    debugPrint('Disposed of the disposable service');
  }
}

class SlowService {
  final title = 'ioc_container example';
}

void main() {
  runApp(
    ContainerWidget(
      container: compose().toContainer(),
      child: const AppRoot(),
    ),
  );
}

IocContainerBuilder compose({bool allowOverrides = false}) =>
    IocContainerBuilder(
      allowOverrides: allowOverrides,
    )
      //Singetons
      ..addSingletonAsync(
        (container) async => Future<SlowService>.delayed(
          const Duration(seconds: 5),
          SlowService.new,
        ),
      )
      ..addSingleton(
        (container) => AppChangeNotifier(),
      )

      //Transient
      ..add(
        (container) => DisposableService(),
        dispose: (d) => d.dispose(),
      );

class AppRoot extends StatelessWidget {
  const AppRoot({
    super.key,
  });

  @override
  Widget build(BuildContext context) => AnimatedBuilder(
        animation: context<AppChangeNotifier>(),
        builder: (context, widget) => FutureBuilder(
          future: context.getAsync<SlowService>(),
          builder: (materialAppContext, snapshot) =>
              CounterApp(title: snapshot.data?.title),
        ),
      );
}

class CounterApp extends StatelessWidget {
  const CounterApp({
    required this.title,
    super.key,
  });

  final String? title;

  @override
  Widget build(BuildContext context) => MaterialApp(
        title: title ?? '',
        theme: context<AppChangeNotifier>().themeData,
        home: Scaffold(
          appBar: AppBar(
            title: title != null
                ? Text(title!)
                : const CircularProgressIndicator.adaptive(),
          ),
          body: context<AppChangeNotifier>().displayCounter
              ? const ScopedContainerWidget(
                  child: CounterDisplay(),
                )
              : const Align(
                  child: Text(
                    'X',
                    style: TextStyle(
                      fontSize: 50,
                    ),
                  ),
                ),
          floatingActionButton: floatingActionButtons(context),
        ),
      );

  Row floatingActionButtons(BuildContext context) => Row(
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          FloatingActionButton(
            onPressed: () =>
                context<AppChangeNotifier>().displayCounter = false,
            tooltip: 'Remove Counter',
            child: const Icon(Icons.close),
          ),
          const SizedBox(
            width: 10,
          ),
          FloatingActionButton(
            onPressed: context<AppChangeNotifier>().increment,
            tooltip: 'Increment',
            child: const Icon(Icons.add),
          ),
        ],
      );
}

class CounterDisplay extends StatelessWidget {
  const CounterDisplay({
    super.key,
  });

  @override
  Widget build(BuildContext context) => Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              context<DisposableService>().counterLabel,
            ),
            Text(
              '${context<AppChangeNotifier>().counter}',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      );
}