flutter使用file_saver插件将自己所写页面中的图片保存到本地相册并分享到QQ

首先，需要在pubspec.yaml文件中添加file_saver插件的依赖：

dependencies:
  file_saver: ^2.0.3

然后，在需要保存图片的地方，可以使用如下代码：

import 'dart:async';
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:file_saver/file_saver.dart';
import 'package:image_gallery_saver/image_gallery_saver.dart';
import 'package:flutter/services.dart';

class SaveImagePage extends StatefulWidget {
  final String imageUrl;

  SaveImagePage({Key key, @required this.imageUrl}) : super(key: key);

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

class _SaveImagePageState extends State<SaveImagePage> {
  Uint8List imageBytes;
  bool isSaving = false;

  @override
  void initState() {
    super.initState();
    loadImage();
  }

  Future<void> loadImage() async {
    final ByteData imageData =
        await NetworkAssetBundle(Uri.parse(widget.imageUrl)).load("");
    setState(() {
      imageBytes = imageData.buffer.asUint8List();
    });
  }

  Future<void> saveImage() async {
    setState(() {
      isSaving = true;
    });
    final result = await ImageGallerySaver.saveImage(imageBytes);
    setState(() {
      isSaving = false;
    });
    if (result != null) {
      // 保存成功后，分享到QQ
      FileSaver.instance.shareFile(result['filePath'], 'image/*', text: '分享图片');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Save Image'),
      ),
      body: imageBytes != null
          ? Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Image.memory(
                  imageBytes,
                  width: MediaQuery.of(context).size.width,
                  fit: BoxFit.contain,
                ),
                SizedBox(height: 20),
                RaisedButton(
                  onPressed: isSaving ? null : saveImage,
                  child: isSaving
                      ? CircularProgressIndicator(
                          valueColor:
                              AlwaysStoppedAnimation<Color>(Colors.white),
                        )
                      : Text('Save and Share'),
                ),
              ],
            )
          : Center(
              child: CircularProgressIndicator(),
            ),
    );
  }
}

上面的代码中，我们首先使用`NetworkAssetBundle`加载图片，然后在`saveImage`方法中，调用`ImageGallerySaver.saveImage`方法将图片保存到相册中，并返回保存成功后的结果。最后，我们调用`FileSaver.instance.shareFile`方法将图片分享到QQ中。

需要注意的是，为了能够进行文件分享，我们需要在AndroidManifest.xml文件中添加以下权限：

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE"/>

同时，还需要在AndroidManifest.xml文件中添加以下provider：

<provider
    android:name="androidx.core.content.FileProvider"
    android:authorities="${applicationId}.fileProvider"
    android:exported="false"
    android:grantUriPermissions="true">
    <meta-data
        android:name="android.support.FILE_PROVIDER_PATHS"
        android:resource="@xml/file_paths" />
</provider>

其中，file_paths.xml文件内容如下：

<?xml version="1.0" encoding="utf-8"?>
<paths>
    <external-path name="external_files" path="."/>
</paths>

最后，在调用`FileSaver.instance.shareFile`方法时，需要传递正确的MIME类型，例如分享图片时，MIME类型应该为'image/*'。