dart_board_locator 0.9.2

dart_board_locator: ^0.9.2 copied to clipboard

example/main.dart

import 'package:dart_board_core/dart_board.dart';
import 'package:flutter/material.dart';
import 'package:dart_board_locator/dart_board_locator.dart';

/// ----------------------------------------------------------------------------
///                             Dart Board Redux Example
///
/// Goals: To create a Redux State, and then modify it in a variety of practical
/// ways.
///
/// 1) Dispatch Actions
/// 2) Use Middleware
/// 3) Listen to Changes
///
/// To do this, we'll create an Example Extension with a UI route
/// We'll also provide a Redux State and some Middleware
/// Add buttons that dispatch actions/manipulate state
///
/// Finally, we'll use the State Listener widget to update

/// Our entry point, Starts DartBoard at the /example route
void main() =>
    runApp(DartBoard(initialRoute: '/example', features: [ExampleLocator()]));

class ExampleLocator extends DartBoardFeature {
  /// All features have a namespace, it should be unique "per feature"
  @override
  String get namespace => "redux_example";

  /// We provide a route here, "/example"
  @override
  List<RouteDefinition> get routes => [
        NamedRouteDefinition(
            route: "/example",
            builder: (ctx, settings) => Row(
                  children: [
                    /// We will show 2 instances of this state
                    Expanded(
                        child: LocatorDemo(
                      instance_id: "Instance 1",
                    )),
                    Expanded(
                        child: LocatorDemo(
                      instance_id: "Instance 2",
                    )),
                  ],
                ))
      ];

  /// We provide our Redux State Object (ExampleState) as an App Decoration
  /// We also provide an Epic, delayedIncrementEpic that debounces
  /// the action so you mash the button but only get an action when you stop
  @override
  List<DartBoardDecoration> get appDecorations =>
      [LocatorDecoration(() => ExampleState())];

  @override
  List<DartBoardFeature> get dependencies => [DartBoardLocatorFeature()];
}

/// This is our State object
///
/// We'll use a ChangeNotifier and hook it up to a StatefulWidget
///
class ExampleState extends ChangeNotifier {
  int _count = 1;
  ExampleState();

  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();
  }

  @override
  String toString() => "ExampleState($count)";
}

/// The Locator Demo Screen
///
/// We'll show a count and have a button to modify state
class LocatorDemo extends StatelessWidget {
  final String instance_id;

  const LocatorDemo({Key? key, this.instance_id = ""}) : super(key: key);

  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
      child: Card(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Text(instance_id),
            Divider(),
            Text(
                "hello: ${locate<ExampleState>(instance_id: instance_id).count}"),
            MaterialButton(
              onPressed: () {
                /// Can also use like this
                locate<ExampleState>(instance_id: instance_id).increment();
              },
              child: Text("Press Me"),
            )
          ],
        ),
      ),
    ));
  }
}