Flutter内容分享插件flutter_share的使用

Flutter内容分享插件flutter_share的使用

Share Plugin

pub package

注意:此插件在官方Flutter插件share添加文件支持后已停止维护。

flutter_share 是一个用于iOS和Android的Flutter插件,提供了一种简单的方式来分享消息、链接或本地文件。

功能特性

  • 分享消息和/或链接URL。
  • 分享本地文件。

android         ios

安装

首先,在您的pubspec.yaml文件中将flutter_share添加为依赖项。

iOS配置

如果不存在,请在ios/podfile中target runner之后添加以下行:

target 'Runner' do
    use_frameworks!
...

Android配置

如果您打算使用文件分享功能,则需要配置文件提供者(File Provider),这将使其他应用程序可以访问文件以进行分享。

AndroidManifest.xml中添加以下内容:

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

创建res/xml/provider_paths.xml文件,并添加以下内容:

<?xml version="1.0" encoding="utf-8"?>
<paths xmlns:android="http://schemas.android.com/apk/res/android">
    <external-path name="external_files" path="."/>
</paths>

更多信息请参阅官方文档

示例代码

下面是一个完整的示例应用,演示了两种分享方法(文本/链接分享和文件分享)。为了获取本地文件,这里使用了documents_picker包。

import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter/services.dart';
import 'package:flutter_share/flutter_share.dart';
import 'package:documents_picker/documents_picker.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  Future<void> share() async {
    await FlutterShare.share(
      title: 'Example share',
      text: 'Example share text',
      linkUrl: 'https://flutter.dev/',
      chooserTitle: 'Example Chooser Title'
    );
  }

  Future<void> shareFile() async {
    List<dynamic> docs = await DocumentsPicker.pickDocuments;
    if (docs == null || docs.isEmpty) return null;

    await FlutterShare.shareFile(
      title: 'Example share',
      text: 'Example share text',
      filePath: docs[0] as String,
    );
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Center(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              TextButton(
                child: Text('Share text and link'),
                onPressed: share,
              ),
              TextButton(
                child: Text('Share local file'),
                onPressed: shareFile,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

此外,还可以扩展这个例子来实现更多功能,例如分享屏幕截图等。

import 'dart:async';
import 'dart:io';

import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter_share/flutter_share.dart';
import 'package:path_provider/path_provider.dart';
import 'package:screenshot/screenshot.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  final _controller = ScreenshotController();

  Future<void> share() async {
    await FlutterShare.share(
        title: 'Example share',
        text: 'Example share text',
        linkUrl: 'https://flutter.dev/',
        chooserTitle: 'Example Chooser Title');
  }

  Future<void> shareFile() async {
    final result = await FilePicker.platform.pickFiles();
    if (result == null || result.files.isEmpty) return null;

    await FlutterShare.shareFile(
      title: 'Example share',
      text: 'Example share text',
      filePath: result.files.single.path!,
    );
  }

  Future<void> shareScreenshot() async {
    Directory? directory;
    if (Platform.isAndroid) {
      directory = await getExternalStorageDirectory();
    } else {
      directory = await getApplicationDocumentsDirectory();
    }
    final String localPath =
        '${directory!.path}/${DateTime.now().toIso8601String()}.png';

    await _controller.captureAndSave(localPath);

    await Future.delayed(Duration(seconds: 1));

    await FlutterShare.shareFile(
      title: 'Compartilhar comprovante',
      filePath: localPath,
      fileType: 'image/png'
    );
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Center(
          child: Screenshot(
            controller: _controller,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                TextButton(
                  child: Text('Share text and link'),
                  onPressed: share,
                ),
                TextButton(
                  child: Text('Share local file'),
                  onPressed: shareFile,
                ),
                TextButton(
                  child: Text('Share screenshot'),
                  onPressed: shareScreenshot,
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

欢迎提交反馈和Pull Requests!


以上是关于如何使用`flutter_share`插件的详细说明,包括安装步骤、配置指南以及完整的示例代码。希望这些信息能帮助您更好地理解和使用该插件。

更多关于Flutter内容分享插件flutter_share的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter内容分享插件flutter_share的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,以下是如何在Flutter项目中使用flutter_share插件的详细代码示例。flutter_share插件允许你轻松地在Flutter应用中分享文本、图像、URL等内容到其他应用。

1. 添加依赖

首先,你需要在pubspec.yaml文件中添加flutter_share依赖:

dependencies:
  flutter:
    sdk: flutter
  flutter_share: ^0.6.5+3  # 请检查最新版本号

2. 导入插件

在你的Dart文件中(例如main.dart),导入flutter_share插件:

import 'package:flutter/material.dart';
import 'package:flutter_share/flutter_share.dart';

3. 使用FlutterShare

下面是一个简单的示例,展示如何创建一个按钮,点击该按钮时分享文本和URL:

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Share Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Share Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Click the button to share content',
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                _shareContent(context);
              },
              child: Text('Share'),
            ),
          ],
        ),
      ),
    );
  }

  void _shareContent(BuildContext context) async {
    final RenderBox box = context.findRenderObject();
    final Rect rect = box.paintBounds;
    final Offset offset = rect.bottomLeft;

    final SharePosition position = SharePosition(
      x: offset.dx,
      y: offset.dy + 200,  // Adjust this value to position the share sheet correctly
    );

    final ShareData shareData = ShareData(
      text: 'Hello, this is a text share example!',
      url: 'https://www.example.com',
      title: 'Example Share',
      type: ShareType.text | ShareType.url,  // You can use other types like ShareType.image
    );

    try {
      await FlutterShare.share(shareData, position: position);
    } catch (e) {
      print('Error sharing: $e');
    }
  }
}

4. 运行应用

确保你已经安装了所有依赖项,然后运行你的Flutter应用:

flutter pub get
flutter run

注意事项

  1. 权限:在某些平台上(如Android和iOS),你可能需要配置权限以允许应用进行分享操作。
  2. 位置调整SharePosition中的y值可能需要根据你的UI布局进行调整,以确保分享表单出现在正确的位置。
  3. ShareTypeShareType是一个枚举,你可以根据需要组合使用,例如ShareType.text | ShareType.image

通过上述步骤,你应该能够在Flutter应用中成功集成并使用flutter_share插件来分享内容。

回到顶部