Flutter分享链接插件share_link的使用

share_link 是一个用于在Flutter应用中分享链接的插件，它支持添加UTM参数，并能反馈用户选择的应用程序。本文将介绍如何安装和使用这个插件，并提供一个完整的示例Demo。

插件简介

share_link 允许你通过操作系统集成的标准UI来分享URL。根据用户选择的分享目标（如WhatsApp、邮件等），会自动添加相应的UTM参数（如utm_source和utm_medium）。此外，该插件还提供了关于分享结果的反馈信息，可用于分析或感谢用户的分享行为。

支持平台

• Android: 使用IntentChooser展示标准分享界面。
• iOS: 使用UIActivityViewController展示分享界面。
• MacOS: 使用NSSharingServicePicker展示服务选项菜单。
• Web: 尝试使用Web Share API，若不支持则退回到简单的window.open方法。

安装

在你的pubspec.yaml文件中添加依赖：

dependencies:
  share_link: ^1.0.0

然后运行flutter pub get以安装包。

使用方法

导入库并调用shareUri函数：

import 'package:share_link/share_link.dart';

final result = await LinkShare().shareUri(Uri.parse("https://some_link"));

示例代码

下面是一个完整的示例Demo，展示了如何在Flutter应用中使用share_link插件来分享链接，并显示分享结果。

import 'package:flutter/material.dart';
import 'package:share_link/share_link.dart';
import 'package:share_link_example/widget_bounds.dart'; // 这个包需要你自己实现或者找到替代方案

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Share link'),
        ),
        body: Container(
          alignment: Alignment.topCenter,
          padding: const EdgeInsets.all(32),
          child: const ShareButton(),
        ),
      ),
    );
  }
}

class ShareButton extends StatefulWidget {
  const ShareButton({super.key});

  [@override](/user/override)
  State<ShareButton> createState() => _ShareButtonState();
}

class _ShareButtonState extends State<ShareButton> {
  ShareResult? _shareResult;

  [@override](/user/override)
  Widget build(BuildContext context) {
    final shareButtonKey = GlobalKey();
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        ElevatedButton(
          key: shareButtonKey,
          child: const Text('Share https://2312.nl'),
          onPressed: () async {
            final result = await ShareLink.shareUri(
              Uri.parse('https://2312.nl'),
              subject: '2312.nl website',
              shareOrigin: shareButtonKey.absolutePositionBounds, // 注意：这里可能需要调整为适合你项目的实现方式
            );
            setState(() {
              _shareResult = result;
            });
          },
        ),
        if (_shareResult != null) const SizedBox(height: 16),
        if (_shareResult != null)
          Text(
            _shareResult!.success == true
                ? "${_shareResult!.uri}\nwas shared to\n${_shareResult!.target}"
                : 'Link not shared',
            style: Theme.of(context).textTheme.bodySmall,
            textAlign: TextAlign.center,
          ),
      ],
    );
  }
}