如何在Dart应用程序中应用Redux概念？

dependencies:
  redux: ^4.0.0

import 'package:redux/redux.dart';

// 定义reducer函数
AppState appReducer(AppState state, dynamic action) {
  // 处理不同的action类型，返回新的状态
  // ...
}

void main() {
  // 创建store
  final store = Store<AppState>(
    appReducer,
    initialState: AppState.initialState(),
  );

  // ...
}

class CounterActions {
  static IncrementAction increment() {
    return IncrementAction();
  }

  static DecrementAction decrement() {
    return DecrementAction();
  }
}

class IncrementAction {}

class DecrementAction {}

AppState appReducer(AppState state, dynamic action) {
  if (action is IncrementAction) {
    return state.copyWith(counter: state.counter + 1);
  } else if (action is DecrementAction) {
    return state.copyWith(counter: state.counter - 1);
  }

  return state;
}

import 'package:flutter_redux/flutter_redux.dart';
import 'package:redux/redux.dart';

class CounterWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StoreConnector<AppState, int>(
      converter: (Store<AppState> store) => store.state.counter,
      builder: (BuildContext context, int counter) {
        return Text('Counter: $counter');
      },
    );
  }
}

class CounterWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final store = StoreProvider.of<AppState>(context);

    return Column(
      children: [
        StoreConnector<AppState, int>(
          converter: (Store<AppState> store) => store.state.counter,
          builder: (BuildContext context, int counter) {
            return Text('Counter: $counter');
          },
        ),
        RaisedButton(
          onPressed: () {
            store.dispatch(CounterActions.increment());
          },
          child: Text('Increment'),
        ),
        RaisedButton(
          onPressed: () {
            store.dispatch(CounterActions.decrement());
          },
          child: Text('Decrement'),
        ),
      ],
    );
  }
}