Flutter redux显示警报对话框

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

// 定义警报对话框的状态
class AlertState {
  final bool showAlert;
  final String message;

  AlertState({this.showAlert = false, this.message = ''});
}

// 定义警报对话框的动作
class ShowAlertAction {
  final String message;

  ShowAlertAction(this.message);
}

// 定义警报对话框的Reducer
AlertState alertReducer(AlertState state, dynamic action) {
  if (action is ShowAlertAction) {
    return AlertState(showAlert: true, message: action.message);
  }
  return state;
}

void main() {
  final store = Store<AlertState>(
    alertReducer,
    initialState: AlertState(),
  );

  runApp(MyApp(store: store));
}

class MyApp extends StatelessWidget {
  final Store<AlertState> store;

  MyApp({required this.store});

  @override
  Widget build(BuildContext context) {
    return StoreProvider<AlertState>(
      store: store,
      child: MaterialApp(
        title: 'Flutter Redux Alert Dialog',
        home: StoreConnector<AlertState, _ViewModel>(
          converter: (store) => _ViewModel.fromStore(store),
          builder: (context, vm) {
            return Scaffold(
              appBar: AppBar(
                title: Text('Flutter Redux Alert Dialog'),
              ),
              body: Center(
                child: ElevatedButton(
                  onPressed: () {
                    // 分发显示警报对话框的动作
                    vm.showAlert('This is an alert message.');
                  },
                  child: Text('Show Alert'),
                ),
              ),
            );
          },
        ),
      ),
    );
  }
}

class _ViewModel {
  final Function(String) showAlert;

  _ViewModel({required this.showAlert});

  static _ViewModel fromStore(Store<AlertState> store) {
    return _ViewModel(
      showAlert: (message) {
        // 分发显示警报对话框的动作
        store.dispatch(ShowAlertAction(message));
      },
    );
  }
}

class AlertDialogWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StoreConnector<AlertState, _ViewModel>(
      converter: (store) => _ViewModel.fromStore(store),
      builder: (context, vm) {
        return AlertDialog(
          title: Text('Alert'),
          content: Text(vm.message),
          actions: [
            TextButton(
              onPressed: () {
                // 关闭警报对话框
                Navigator.of(context).pop();
              },
              child: Text('OK'),
            ),
          ],
        );
      },
    );
  }
}