Flutter实现仿照微信媒体朋友圈与聊天媒体功能

最新推荐文章于 2025-03-10 20:00:00 发布
最新推荐文章于 2025-03-10 20:00:00 发布
阅读量1.1k 收藏 23
点赞数 24
文章标签： 媒体
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_15396485/article/details/144376393
版权

在开发移动应用时，文件上传和预览是一个常见且非常重要的功能，尤其在涉及图片和视频上传时。在本文中，我将分享一个根据微信文件上传以及预览和操作完整的文件上传与预览组件的实现过程，涵盖了上传文件、生成文件缩略图、管理上传状态以及处理删除等功能。通过这个组件，我们不仅能方便地管理文件选择和上传，还能提供极好的用户体验。

需求分析

首先，我们需要明确组件的基本需求：

  • 文件选择：用户可以从相册或相机中选择图片或视频。
  • 上传管理：每个文件选择后，需展示上传状态（待上传、上传中、上传成功、上传失败）。
  • 文件预览：上传文件后，需要能够查看文件的缩略图或预览。
  • 删除功能：用户可以删除已选的文件。
  • 最大上传限制：每次上传的文件数量有限制，通常为9个文件。

组件设计

为了满足以上需求，我们设计了几个组件：

  1. ImageUploadWidget：主要负责文件的选择和上传。
  2. FilePreview：负责显示每个文件的预览图，支持图片和视频。
  3. MediaPickerMenu：用于提供选择文件或拍摄照片/视频的功能。

技术栈与插件

在实现这些功能时，我们使用了以下技术和插件：

  • flutter_slimming：这是我们应用的主要包，包含上传功能和文件选择菜单等。
  • wechat_assets_picker：用于实现从相册中选择文件的功能。
  • wechat_camera_picker：实现拍照或录像功能。
  • video_thumbnail：生成视频文件的缩略图。
  • flutter_material：用于实现 UI 组件（如按钮、图标、网格布局等）。

组件实现

1. ImageUploadWidget 组件

ImageUploadWidget 组件是上传文件的核心，它支持文件选择和文件上传。用户可以从相机或相册选择文件，并展示选择的文件。

关键逻辑
  • 文件选择：通过 MediaPickerMenu 弹出文件选择菜单，用户可以选择从相册或相机上传文件。
  • 上传文件：选择文件后，使用 FileUploader().uploadFiles 进行文件上传，并在上传过程中更新每个文件的上传状态（待上传、上传中、上传成功、上传失败）。
  • 文件删除：点击每个文件的删除按钮时，通过 onDelete 回调从已选文件中移除。
class ImageUploadWidget extends StatefulWidget {
  final Function(List) onUploadComplete;
  final double size;
  final int maxFiles;
  final List<uploadOptions> availableOptions;
  final Function(bool) onChangeStatus;
  final Widget? child;

  const ImageUploadWidget({
    Key? key,
    required this.onUploadComplete,
    this.size = 80,
    this.maxFiles = 9,
    this.availableOptions = const [
      uploadOptions.camera,
      uploadOptions.gallery,
      uploadOptions.video,
    ],
    required this.onChangeStatus,
    this.child,
  }) : super(key: key);

  @override
  _ImageUploadWidgetState createState() => _ImageUploadWidgetState();
}
文件选择与上传

在 ImageUploadWidget 中，使用了 MediaPickerMenu 来选择文件，并且通过 FileUploader 类进行文件上传。

Future<void> _selectAssets() async {
  final List<AssetEntity>? assets = await AssetPicker.pickAssets(
    context,
    pickerConfig: AssetPickerConfig(
      maxAssets: widget.maxFiles - _selectedFiles.length,
      requestType: widget.availableOptions.contains(uploadOptions.video)
          ? RequestType.all
          : RequestType.image,
    ),
  );
  // 处理文件上传逻辑
}
2. FilePreview 组件

FilePreview 组件负责展示文件的预览。不同类型的文件（图片、视频）会有不同的展示方式。对于视频文件，我们通过 video_thumbnail 插件生成视频的缩略图。

视频缩略图生成

在 FilePreview 中，如果文件是视频，我们会调用 VideoThumbnail.thumbnailData 来生成视频的缩略图。若缩略图生成失败，则显示一个默认的“损坏图标”。

if (widget.file.path.endsWith('.mp4')) {
  _thumbnailFuture = VideoThumbnail.thumbnailData(
    video: widget.file.path,
    imageFormat: ImageFormat.JPEG,
    maxWidth: 128,
    quality: 75,
  );
}
图片文件展示

对于图片文件，直接通过 FileImage 显示文件的内容。

 

else {
  return Container(
    decoration: BoxDecoration(
      image: DecorationImage(
        image: FileImage(widget.file),
        fit: BoxFit.cover,
      ),
      borderRadius: BorderRadius.circular(8),
    ),
  );
}
3. MediaPickerMenu 组件

MediaPickerMenu 是一个底部弹出菜单，允许用户选择文件来源。用户可以选择拍照、从图库选择文件，或者取消操作。

菜单项构建

每个菜单项通过 _buildPickerOption 方法构建，点击菜单项时会触发相应的回调（例如拍照或选择文件）。

Widget _buildPickerOption({
  required String title,
  required IconData icon,
  bool isShowBorder = true,
  required Function onTapAction
}) {
  return Column(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      GestureDetector(
        onTap: onTapAction,
        child: Row(
          children: [
            Icon(icon, size: 22),
            SizedBox(width: 10),
            Text(title, style: TextStyle(fontSize: 14)),
          ],
        ),
      ),
      if (isShowBorder) Divider(color: Colors.grey.shade200),
    ],
  );
}

关键挑战与解决方案

  1. 视频缩略图生成：视频缩略图的生成需要一定时间，可能会导致界面卡顿或不流畅。为了解决这个问题，我们使用了 FutureBuilder 来异步加载缩略图，确保界面流畅。
  2. 上传状态管理：上传状态的管理需要实时更新，保证用户看到准确的上传状态（待上传、上传中、上传成功、上传失败）。我们通过 Map 来维护每个文件的状态，并在文件上传成功或失败后及时更新 UI。
  3. 文件删除：删除文件时，不仅要更新文件列表，还要更新上传状态和已上传的文件 URL。通过 onDelete 回调，确保 UI 能实时更新。

完整代码

ImageUploadWidget组件

class ImageUploadWidget extends StatefulWidget {
  final Function(List) onUploadComplete; // 上传完成的回调
  final double size; // 每个文件展示框的大小
  final int maxFiles; // 最大上传数量
  final List<uploadOptions> availableOptions; // 可选择的上传选项
  final Function(bool) onChangeStatus;
  final Widget? child;

  const ImageUploadWidget({
    Key? key,
    required this.onUploadComplete,
    this.size = 80,
    this.maxFiles = 9,
    this.availableOptions = const [
      uploadOptions.camera,
      uploadOptions.gallery,
      uploadOptions.video,
    ],
    required this.onChangeStatus,
    this.child,
  }) : super(key: key);

  @override
  _ImageUploadWidgetState createState() => _ImageUploadWidgetState();
}

class _ImageUploadWidgetState extends State<ImageUploadWidget> {
  List<File> _selectedFiles = []; // 当前选择的文件
  Map<File, uploadStatus> _uploadStatus = {}; // 文件的上传状态
  List<Map> _fileUrls = []; // 上传成功的网络地址列表

  // 打开选择菜单
  Future<void> _showPickerMenu() async {
    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return MediaPickerMenu(
          availableOptions: widget.availableOptions,
          maxFiles: widget.maxFiles - _selectedFiles .length,
          takeAsset: _takeAsset,
          selectAssets: _selectAssets,
        );
      },
    );
  }

  // 上传文件
  Future<void> _uploadFiles(List<File> files) async {
    widget.onChangeStatus(true);
    setState(() {
      // 设置所有文件的上传状态为上传中
      for (var file in files) {
        _uploadStatus[file] = uploadStatus.uploading;
      }
    });
    try {
      // 调用 FileUploader 的上传逻辑
      FileUploader().uploadFiles(
        files: files,
        onSuccess: (response) {
          print('上传成功files: ${files[0]}');
          response.data['data'].forEach((element) {
            print('element:$element');
            Map item = {
              "type": "${element['fileType']}",
              "url": "${element['url']}",
              "fileName": "${element['originalFilename']}"
            };
            setState(() {
              _fileUrls.add(item);
              // 更新上传状态
              for (var file in files) {
                _uploadStatus[file] = uploadStatus.success;
              }
            });
          });
          // 通知父组件上传完成，返回 URL 数组
          widget.onUploadComplete(_fileUrls);
          widget.onChangeStatus(false);
        },
        onError: (error) {
          setState(() {
            // 更新状态为上传失败
            for (var file in files) {
              _uploadStatus[file] = uploadStatus.failure;
            }
          });
          widget.onChangeStatus(false);

          print('上传失败: $error');
        },
      );
    } catch (e) {
      setState(() {
        // 更新状态为上传失败
        for (var file in files) {
          _uploadStatus[file] = uploadStatus.failure;
        }
      });
      widget.onChangeStatus(false);
      print('上传出错: $e');
    }
  }

  // 删除文件
  void _deleteFile(File file) {
    setState(() {
      _selectedFiles.remove(file);
      _uploadStatus.remove(file);
      _fileUrls.removeWhere((urlMap) {
        final fileName = file.path.split('/').last;
        final urlFileName = urlMap['fileName'] ?? '';
        return fileName == urlFileName; // 比较文件名是否相同
      });
      widget.onUploadComplete(_fileUrls); // 通知父组件 URL 数组变化
    });
  }

  // 选择图片或视频
  Future<void> _selectAssets() async {
    final List<AssetEntity>? assets = await AssetPicker.pickAssets(
      context,
      pickerConfig: AssetPickerConfig(
        maxAssets: widget.maxFiles - _selectedFiles.length,
        requestType: widget.availableOptions.contains(uploadOptions.video)
            ? RequestType.all
            : RequestType.image,
      ),
    );
    if (assets != null && assets.isNotEmpty) {
      List<File> newFiles = [];
      for (var asset in assets) {
        final File? file = await asset.file;
        if (file != null && !_selectedFiles.contains(file)) {
          newFiles.add(file);
        }
      }
      if (newFiles.isNotEmpty) {
        setState(() {
          _selectedFiles.addAll(newFiles);
          // 为每个新文件设置初始状态为待上传
          newFiles.forEach((file) {
            _uploadStatus[file] = uploadStatus.pending;
          });
        });
        // 立即上传所有选择的文件
        _uploadFiles(newFiles);
      }
    }
  }

  // 拍照或录像
  Future<void> _takeAsset() async {
    final AssetEntity? asset = await CameraPicker.pickFromCamera(
      context,
      pickerConfig: CameraPickerConfig(
        enableRecording: widget.availableOptions.contains(uploadOptions.video),
      ),
    );
    if (asset != null) {
      final File? file = await asset.file;
      if (file != null && !_selectedFiles.contains(file)) {
        setState(() {
          _selectedFiles.add(file);
          _uploadStatus[file] = uploadStatus.pending;
        });
        // 立即上传
        _uploadFiles([file]);
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return widget.child != null
        ? GestureDetector(
            onTap: _showPickerMenu, // 点击显示选择菜单
            child: widget.child ?? Container(),
          )
        : Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              // 文件网格视图
              _selectedFiles.isNotEmpty
                  ? GridView.builder(
                      shrinkWrap: true,
                      gridDelegate:
                          const SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 3,
                        crossAxisSpacing: 8,
                        mainAxisSpacing: 8,
                      ),
                      itemCount: _selectedFiles.length,
                      itemBuilder: (context, index) {
                        final file = _selectedFiles[index];
                        return FilePreview(
                          file: file,
                          status: _uploadStatus[file] ?? uploadStatus.pending,
                          onDelete: () => _deleteFile(file),
                        );
                      },
                    )
                  : Container(),
              // 添加文件按钮
              if (_selectedFiles.length < widget.maxFiles)
                GestureDetector(
                  onTap: _showPickerMenu,
                  child: Container(
                    width: widget.size,
                    height: widget.size,
                    margin: EdgeInsets.only(top: 10,),
                    decoration: BoxDecoration(
                      color: Colors.grey[200],
                      borderRadius: BorderRadius.circular(8),
                    ),
                    child: const Icon(
                      Icons.add,
                      color: Colors.grey,
                      size: 40,
                    ),
                  ),
                ),
            ],
          );
  }
}

FilePreview组件 

class FilePreview extends StatefulWidget {
  final File file;
  final uploadStatus status;
  final VoidCallback onDelete;

  const FilePreview({
    Key? key,
    required this.file,
    required this.status,
    required this.onDelete,
  }) : super(key: key);

  @override
  _FilePreviewState createState() => _FilePreviewState();
}

class _FilePreviewState extends State<FilePreview> {
  Future<Uint8List?>? _thumbnailFuture;

  @override
  void initState() {
    super.initState();
    // 如果是视频文件，生成视频缩略图
    if (widget.file.path.endsWith('.mp4')) {
      _thumbnailFuture = VideoThumbnail.thumbnailData(
        video: widget.file.path,
        imageFormat: ImageFormat.JPEG,
        maxWidth: 128, // 缩略图最大宽度
        quality: 75, // 缩略图质量
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        // 文件预览
        FutureBuilder<Uint8List?>(
          future: _thumbnailFuture,
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) {
              return Center(
                child: CircularProgressIndicator(),
              );
            }

            // 判断文件类型
            if (snapshot.hasData && snapshot.data != null) {
              // 如果是视频文件，显示视频缩略图
              return Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    image: MemoryImage(snapshot.data!),
                    fit: BoxFit.cover,
                  ),
                  borderRadius: BorderRadius.circular(8),
                ),
                child: Center(
                  child: Icon(
                    Icons.play_circle_fill,
                    color: Colors.white,
                    size: 40,
                  ),
                ),
              );
            } else if (widget.file.path.endsWith('.mp4')) {
              // 如果没有视频缩略图，则显示默认的“损坏图标”
              return Container(
                decoration: BoxDecoration(
                  color: Colors.grey[300],
                  borderRadius: BorderRadius.circular(8),
                ),
                child: Center(
                  child: Icon(
                    Icons.broken_image,
                    color: Colors.black54,
                    size: 40,
                  ),
                ),
              );
            } else {
              // 如果是图片文件，直接展示
              return Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    image: FileImage(widget.file),
                    fit: BoxFit.cover,
                  ),
                  borderRadius: BorderRadius.circular(8),
                ),
              );
            }
          },
        ),

        // 删除按钮
        Positioned(
          top: 4,
          right: 4,
          child: GestureDetector(
            onTap: widget.onDelete,
            child: const CircleAvatar(
              radius: 12,
              backgroundColor: Colors.black54,
              child: Icon(
                Icons.close,
                color: Colors.white,
                size: 16,
              ),
            ),
          ),
        ),
      ],
    );
  }
}

MediaPickerMenu组件


class MediaPickerMenu extends StatefulWidget {
  final List<uploadOptions> availableOptions; // 可选择的上传选项
  final int maxFiles; // 最大上传数量
  final  Function takeAsset; // 拍照或录像
  final Function selectAssets; //  选择图片或视频

  const MediaPickerMenu(
      {Key? key,
      required this.availableOptions,
      required this.maxFiles,
      required this.takeAsset,
      required this.selectAssets})
      : super(key: key);

  @override
  _MediaPickerMenuState createState() => _MediaPickerMenuState();
}

class _MediaPickerMenuState extends State<MediaPickerMenu> {
  final throttle = Throttle(milliseconds: 1000); // 1秒节流时间

  // 构建选择菜单项
  Widget _buildPickerOption(
      {required String title,
      required IconData icon,
      bool isShowBorder = true,
      required Function onTapAction}) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Container(
          padding: EdgeInsets.symmetric(vertical: 20, horizontal: 10),
          child: GestureDetector(
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Icon(
                  icon,
                  size: 22,
                ),
                SizedBox(
                  width: 10,
                ),
                Text(
                  title,
                  style: TextStyle(
                    fontSize: 14,
                  ),
                ),
              ],
            ),
            onTap: () {
              throttle.run(
                () async {
                  Navigator.of(context).pop();
                  await onTapAction();
                },
              );
            },
          ),
        ),
        isShowBorder
            ? Divider(
                // Divider 用于在 ListTile 下面添加一条线
                color: Colors.grey.shade200,
                height: 0.5, // 设置高度，控制分割线的粗细
              )
            : Container()
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(10),
      ),
      child: SafeArea(
        child: Wrap(
          children: <Widget>[
            if (widget.availableOptions.contains(uploadOptions.camera))
              _buildPickerOption(
                  title: '拍摄',
                  icon: Icons.camera_alt,
                  onTapAction: widget.takeAsset),
            if (widget.availableOptions.contains(uploadOptions.camera))
              _buildPickerOption(
                  title: '图库',
                  icon: Icons.image,
                  onTapAction: widget.selectAssets),
            Container(
              height: 10,
              color: Colors.grey.shade100,
            ),
            _buildPickerOption(
              title: '取消',
              icon: Icons.close,
              onTapAction: () {
                // Navigator.of(context).pop();
              },
              isShowBorder: false,
            ),
          ],
        ),
      ),
    );
  }
}

使用这些组件后，用户可以实现：

  • 从相册或相机中选择图片、视频文件。
  • 对每个文件显示上传状态和预览图。
  • 上传过程中，文件会显示为“上传中”，上传成功或失败后状态更新。
  • 文件上传成功后，返回文件的网络地址，供后续使用。
  • 支持删除文件功能，用户可以移除不需要上传的文件。

弹窗演示

 

 

拍摄演示

 

选择演示

 

上传演示

 

由此仿照微信实现媒体的选择和发送功能就完成了，感谢各位阅读！ 

 

 

 

 

 

 


 

 

 

 

 

 

Flutter：上传图片，选择相机或相册
sunluyi的博客
11-16 410
Flutter：选择相机/相册，上传图片
2021-Flutter调用相册上传图片(头像)
路漫漫其修远
09-25 1480
添加权限 ios版本,在info.plist中添加,防止模拟器上使用相册和相机闪退 <key>NSCameraUsageDescription</key> <string>cameraDesciption</string> <key>NSPhotoLibraryUsageDescription</key> <string>photoLibraryDesciption</string> 第三方库 im
Flutter_学习记录_实现类似微信朋友圈图片预览的效果
最新发布
lyz0925的博客
03-10 429
实现类似朋友圈图片预览的效果
炸裂！成功仿出Flutter微信界面-红包-朋友圈，我在鹅厂等你！
2401_83412285的博客
04-02 817
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司19年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
Flutter WeChat 风格相机与相册选择器【介绍、示例、避坑】
小韩的博客
02-24 579
在 Flutter 开发中，`wechat_assets_picker` 和 `wechat_camera_picker` 是两个优秀的第三方库，提供了类似微信的图片和视频选择功能。它们支持拍照、录制视频、从相册选择图片或视频，并具有丰富的自定义选项，如最大选择数量、视频录制时长等。本文详细讲解了如何集成这两个库，并处理相关权限问题，确保应用在 Android 和 iOS 平台上稳定运行。通过这些库，开发者可以轻松实现美观且功能强大的图片/视频选择界面，提升用户体验。
Flutter仿微信
yan1915766026的博客
09-26 593
本项目为flutter仿微信项目，实现一些基础功能，如各种tab页的切换、列表页、路由跳转、基础组件的使用等flutter 3.19版本（推荐3.16、3.19、3.23版本）dart 3.4版本（目前最新3.5+）按照上述内容，可以搭建基础框架，后续会出每个tab页的具体实现过程的文档。
flutter仿微信
xiaoxnn的博客
03-11 420
使用flutter做了一个仿微信界面demo。 主要是学习使用flutter的组件、布局、、资源以及插件的使用。 传送门
(flutter版本、kotlin版本)高仿微信数据表
maoning20080808的专栏
11-21 198
(flutter版本、kotlin版本)高仿微信数据表， MySQL数据库版本：8.0.28 MySQL Workbench 版本：8.0
用 Flutter 仿写微信“发现 + 我”的页面
AI研习社
12-12 495
↓推荐关注↓发现页面实现这里我们仿照微信的发现页面用 Flutter 类实现这页面的简单布局及每个 cell 的点击效果及点击每条 cell 之后跳转到一个新的页面。这里我们分几步分别来实...
Flutter高仿微信-第12篇-朋友圈-显示列表
maoning20080808的专栏
11-23 420
默认先显示本地数据，然后从服务器加载，如果有新的朋友圈信息，再覆盖刷新。朋友圈支持图片和小视频显示，点击图片、小视频查看详情。点击右上角的拍照按钮，弹出选择图片、选择小视频对话框。
Flutter仿微信，高度还原，开源
yan1915766026的博客
11-02 1088
Flutter仿微信，高度还原，已开源、持续更新中...
用Flutter模仿了一个的微信App
08-10
最近在学习Flutter开发App, 在网上找到一张微信的Ui设计图, 就用Flutter模仿了一个的微信App, 全都是app静态布局与部分页面交互,没有调用后台接口
flutter仿微信界面.zip
05-13
初学flutter，写了一个仿微信UI界面 详细链接 https://blog.youkuaiyun.com/Lazy_Goat/article/details/116754679
flutter-wechat:这是一个仿照微信样式基于flutter实现的应用程序，还在继续完善中，使用到flutter中大多数的组件，适合这种方式项目进行flutter学习。https
03-08
:fire: 这是一个仿照微信样式基于flutter实现的应用，还在继续完善中，欢迎提拉请求。 包含了flutter中基本所有的组件，适合进行项目进行flutter学习。 （注意：头像图片资源有墙） 页面展示 完毕 首页 通讯录页...
Flutter仿照微信实现九宫格头像
weixin_40466351的博客
05-21 401
【代码】Flutter仿照微信实现九宫格头像。
FlutterChatBubble组件的用法
talk_8的专栏
01-05 1109
我们在本章回中介绍的flutter_chat_bubble包是一个三方插件，它用来实现类似聊天窗口的功能，常见的使用场景就是微信聊天窗口。通常我们使用Container组件实现窗口，然后通过修改Container组件的属性来实现带有圆角，背景，边框粗细等效果的窗口。不过如果想在窗口边上加一个箭头，实现类似聊天窗口的效果，Container组件就无能为力了，因此我们决定到pub库中找一些三方插件，于是便找到了flutter_chat_bubble包，该包在pub上的评价不错。我们将在本章回中详。
视差特效（仿微信朋友圈）
A_sendy的博客
04-13 622
模仿微信朋友圈的背景图效果
Flutter高仿微信-第48篇-群聊-图片
maoning20080808的专栏
11-26 674
在群聊页面，点击图片进入相册选择一张照片，如果照片小于500k，直接发送，如果大于500k，先进行图片压缩，然后上传到web服务器，再发送给群id。当用户群接收到图片消息后，先下载图片，再保存到本地数据库，然后刷新页面。
flutter 实战项目 仿微信
baidu_40537062的博客
04-15 1252
下面的专题讲得不错，github上的项目代码，本人亲测是可以跑通的 flutter 微信项目专题 wechat_demo - github
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值