flutter_redux_dev_tools 0.3.0

  • Readme
  • Changelog
  • Example
  • Installing
  • 77

flutter_redux_dev_tools #

Build Status codecov

A Widget you can use to show a Redux Time Travel UI. Simply put it in a part of your UI that makes sense (Such as a Dev Tools Drawer), pass it a DevToolsStore and you'll be good to go!

Note: This Widget does not work with a normal Redux Store. It is meant to work with the redux_dev_tools package, which provides a DevToolsStore. The DevToolsStore is a drop-in replacement for your Store during Development!

Demo #

A simple Flutter app that allows you to Increment and Decrement a counter.

A screenshot of the Dev Tools in Action

Usage #

  1. Create a main_dev.dart file
  2. In this file, create a DevToolsStore in place of a normal redux Store
  3. Create a ReduxDevTools widget, passing through the Store. You can place this Widget wherever makes sense in your app! One good suggestion: In a "Dev Tools Drawer." This is generally the endDrawer in your Scaffold, and can contain different types of tools for a Dev Build of your app.

Example #

This example paints only a broad outline of how to use the ReduxDevTools. For a complete example, see the example folder.

int addReducer(int state, action) => state + 1;

// Create a DevToolsStore instead of a normal Store during Development
final store = new DevToolsStore<int>(
  initialState: 0,

// Finally, create your app with a Redux Dev Tools
main() { 
  runApp(new MaterialApp(
    home: new Scaffold(
      endDrawer: new ReduxDevTools<int>(store),

Credits #

All of this is inspired by the original Redux Devtools.

Changelog #

0.3.0 #

  • Update for Dart 2 & Redux 3.0.0, and redux_dev_tools 0.4.0

0.2.0 #

  • Fix broken Action / State Dialogs for new version of Flutter
  • Redesign to fit better in a dev drawer
  • Add ReduxDevToolsContainer. See changes to your reducers in real time! If this Widget wraps your app, your app will automatically rerun all actions in the DevToolsStore through your reducers on Hot Reload.
  • Use latest version of redux_dev_tools

0.1.4 #

  • Move to github

0.1.3 #

  • Document which Redux lib it works with

0.1.2 #

  • Add license to satisfy Pub.

0.1.1 #

  • Fix dependencies

0.1.0 #

  • Initial version, includes a ReduxDevTools Widget that allows you to time travel through the states of your DevToolsStore. Requires Dart redux and redux_dev_tools.


import 'package:example/app.dart';
import 'package:flutter/widgets.dart';
import 'package:redux/redux.dart';
import 'package:example/store.dart';

// The production version of your app. Relies on a real store, and does not
// pull in any dev dependencies!
// In addition, it will not create a Dev Drawer.
void main() {
  runApp(new App(
    store: new Store(
      initialState: 0,

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  flutter_redux_dev_tools: ^0.3.0

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:flutter_redux_dev_tools/flutter_redux_dev_tools.dart';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Nov 22, 2019, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.6.0
  • pana: 0.12.21
  • Flutter: 1.9.1+hotfix.6


Detected platforms: Flutter

References Flutter, and has no conflicting libraries.

Health suggestions

Fix lib/flutter_redux_dev_tools.dart. (-1 points)

Analysis of lib/flutter_redux_dev_tools.dart reported 2 hints:

line 132 col 21: 'child' is deprecated and shouldn't be used.

line 182 col 19: 'child' is deprecated and shouldn't be used.

Maintenance suggestions

Package is getting outdated. (-64.11 points)

The package was last published 85 weeks ago.

The package description is too short. (-17 points)

Add more detail to the description field of pubspec.yaml. Use 60 to 180 characters to describe the package, what it does, and its target use case.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.28.0 <3.0.0
flutter 0.0.0
flutter_redux >=0.5.0 <0.6.0 0.5.4
redux >=3.0.0 <4.0.0 3.0.0
redux_dev_tools >=0.4.0 <0.5.0 0.4.0
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.7 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies