flutter_redux_dev_tools 0.4.0

  • Readme
  • Changelog
  • Example
  • Installing
  • 90

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 = DevToolsStore<int>(
  initialState: 0,

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

Credits #

All of this is inspired by the original Redux Devtools.

Changelog #

0.4.0 #

  • Upgrade to support Redux 4.x and redux_dev_tools 0.5.x

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:example/store.dart';
import 'package:flutter/widgets.dart';
import 'package:redux/redux.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() {
    store: 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.4.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 Apr 4, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.7.1
  • pana: 0.13.6
  • Flutter: 1.12.13+hotfix.8

Health suggestions

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

Analysis of lib/flutter_redux_dev_tools.dart reported 1 hint:

line 371 col 20: 'inheritFromWidgetOfExactType' is deprecated and shouldn't be used. Use dependOnInheritedWidgetOfExactType instead. This feature was deprecated after v1.12.1..

Maintenance suggestions

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.6.0 <0.7.0 0.6.0
redux >=4.0.0 <5.0.0 4.0.0
redux_dev_tools >=0.5.0 <0.6.0 0.5.2
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies