Flutter社交媒体分享插件facebook_messenger_share的使用

Flutter社交媒体分享插件facebook_messenger_share的使用

Facebook Messenger 分享功能在 Flutter 应用中非常有用。本文将介绍如何使用 facebook_messenger_share 插件来实现这一功能。

开始使用

首先，你需要在你的项目中安装 facebook_messenger_share 包。你可以通过在 pubspec.yaml 文件中添加以下依赖来完成这一步骤：

dependencies:
  facebook_messenger_share: ^版本号

然后运行 flutter pub get 来获取最新的依赖包。

示例代码

以下是一个完整的示例代码，展示了如何使用 facebook_messenger_share 插件来分享图片、视频和URL到 Facebook Messenger。

import 'package:flutter/material.dart';
import 'package:facebook_messenger_share/facebook_messenger_share.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:image_picker/image_picker.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final _textController = TextEditingController();
  final _imagePicker = ImagePicker();
  final _completeHandler = CompleteHandler(
    onSuccess: () {
      Fluttertoast.showToast(msg: '分享成功');
    },
    onCancelled: () {
      Fluttertoast.showToast(msg: '用户取消了分享');
    },
    onFailed: (message) =>
        Fluttertoast.showToast(msg: message ?? '发生错误'),
  );

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            children: [
              TextButton(
                onPressed: () {
                  _shareImages();
                },
                child: const Text('从图库分享图片'),
              ),
              TextButton(
                onPressed: () {
                  _shareACapturedImage();
                },
                child: const Text('分享一张捕获的照片'),
              ),
              TextButton(
                onPressed: () {
                  _shareAVideo();
                },
                child: const Text('分享一个视频'),
              ),
              TextField(
                controller: _textController,
                decoration: const InputDecoration(hintText: '输入网址'),
              ),
              TextButton(
                onPressed: () {
                  _shareUrl(urlStr: _textController.text);
                },
                child: const Text('分享网址'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  void _shareImages() {
    _share(() async {
      final images = await _imagePicker.pickMultiImage();
      if (images != null && images.isNotEmpty) {
        FacebookMessengerShare.instance.shareImages(
          paths: images.map((e) => e.path).toList(),
          completeHandler: _completeHandler,
        );
      }
    });
  }

  void _shareACapturedImage() {
    _share(() async {
      final image = await _imagePicker.pickImage(source: ImageSource.camera);
      if (image != null) {
        FacebookMessengerShare.instance.shareDataImage(
            data: await image.readAsBytes(), completeHandler: _completeHandler);
      }
    });
  }

  void _shareAVideo() {
    _share(() async {
      final video = await _imagePicker.pickVideo(source: ImageSource.gallery);
      if (video != null) {
        FacebookMessengerShare.instance.shareVideo(
            data: await video.readAsBytes(), completeHandler: _completeHandler);
      }
    });
  }

  void _shareUrl({required String urlStr}) {
    _share(() {
      FacebookMessengerShare.instance
          .shareUrl(urlString: urlStr, completeHandler: _completeHandler);
    });
  }

  // 处理分享逻辑
  _share(Function() share) {
    try {
      share();
    } catch (_) {
      Fluttertoast.showToast(msg: '发生错误');
    }
  }
}