【Flutter】抽象类的运用(abstract与implements的实践)

使用场景:功能支持两种接口模式,使用抽象类分别实现接口

1、定义抽象类及统一接口

复制代码
abstract class UploadStrategy {
  /// 抽象上传方法
  /// [file]:待上传文件
  /// [onSendProgress]:进度回调(已上传字节数,总字节数)
  Future<String> upload({
    required File file,
    Function(int, int)? onSendProgress
  });
}

2、通过创建策略工厂类(根据类型获取上传实例)

复制代码
class UploadStrategyFactory {
  static UploadStrategy getStrategy(
    UploadApiType type) {
    switch (type) {
      case UploadApiType.aLiYun:
        return AliYunUploader();
      case UploadApiType.sam:
        return SamUploader();
    }
  }
}

3、通过implements分别实现自定义上传接口

复制代码
/// 阿里云OSS上传实现
class AliYunUploader implements UploadStrategy {
  @override
  Future<String> upload({
    required File file,
    Function(int, int)? onSendProgress
  }) async {
    // 复用原阿里云上传逻辑
    return await AliyunOss.upload(
      file: file,
      onSendProgress: onSendProgress,
    );
  }
}

//上传实现
class SamUploader implements UploadStrategy {
  @override
  Future<String> upload({
    required File file,
    Function(int, int)? onSendProgress
  }) async {
    return await FileUploadService()
        .uploadCommon(file);
  }
}

4、使用示例:

复制代码
 final uploader = UploadStrategyFactory.getStrategy(uploadType);
    try {
      final urls = await Future.wait(
        files.map(
          (file) => uploader.upload(
            file: file,
            onSendProgress: onSendProgress,
          ),
        ),
      );

      UIToast.showSuccess('上传成功');
      successCallback(urls);
    } catch (e) {
      UIToast.showError('上传失败: ${e.toString()}');
    } finally {
      UIToast.dismissHud();
    }

总结:虽然可以通过参数方式实现不同类型接口的功能,但通过抽象类可以减少逻辑,并更加简便的使用上传方法,后期若有增加类型,也更容易维护。

相关推荐
末代iOS程序员华仔29 分钟前
iOS 语聊直播/聊天APP4.3条例被拒解决
flutter·ios·swift
恋猫de小郭34 分钟前
Dart 3.13 的到底改了什么?为什么很重要?有什么坑?
android·前端·flutter
xcyxiner20 小时前
flutter wsl2安装记录(使用宿主机虚拟机)
前端·flutter
Kevin Coding21 小时前
JsonConvert:适用于 Android、鸿蒙与 Flutter 的 JSON 转 Model 插件
android·flutter·harmonyos
iFlyCai2 天前
Flutter原理深度解析:从架构到渲染的全面剖析(二)
flutter·flutter 三棵树
里欧跑得慢2 天前
CSS 模块化架构的演进:BEM、CSS Modules 到 CSS-in-JS 的反思
前端·css·flutter·web·css-in-js
iFlyCai2 天前
深入理解Flutter:StatefulWidget生命周期全解析(一)
flutter·dart·状态管理·statefulwidget
xiangxiongfly9152 天前
Flutter video_player总结
flutter·video_player·chewie
见山是山-见水是水3 天前
鸿蒙版 Flutter Video 视频播放组件:播放控制、全屏切换与倍速播放
flutter·音视频·harmonyos
六年码农3 天前
2026最新开源 屏译ScreenTranslator 0.4.4 开源 全屏实时翻译教程
运维·人工智能·flutter·开源