Flutter内容分享插件share_me的使用

Flutter内容分享插件share_me的使用

简介

share_me 是一个包，它使用原生代码在iOS和Android设备上以简单、快速和简便的方式分享内容。

介绍

适用于两个平台：iOS 和 Android。目前提供了两种选项：ShareMe.system() 和 ShareMe.file()

使用方法

Android配置

1. 在android/app/src/main/AndroidManifest.xml文件中的manifest标签中添加以下属性：

   xmlns:tools="http://schemas.android.com/tools"
   

   例如：

   <manifest xmlns:android="http://schemas.android.com/apk/res/android"
           xmlns:tools="http://schemas.android.com/tools"
           package="your package...">
   

2. 在android/app/src/main/AndroidManifest.xml文件中的manifest/application标签中添加以下代码：

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

3. 在app/src/main/res/xml文件夹中创建一个名为file_paths.xml的XML文件，并将以下代码粘贴到文件中：

   <paths>
       <cache-path
           name="cache"
           path="." />
   </paths>
   

iOS配置

为了使用ShareMe.file()，请在你的Info.plist中添加以下内容：

<key>NSPhotoLibraryUsageDescription</key>
<string>需要访问相册权限</string>

示例演示

iOS分享示例

Android分享示例

完整示例Demo

以下是完整的Flutter应用示例代码：

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:share_me/share_me.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'ShareMe Example',
      themeMode: ThemeMode.system,
      theme: ThemeData(
        useMaterial3: true,
      ),
      onGenerateRoute: (RouteSettings settings) {
        switch (settings.name) {
          case '/':
            return MaterialPageRoute(
              maintainState: false,
              builder: (_) => const ShareMeApp(),
              settings: settings,
            );
        }
        return null;
      },
    );
  }
}

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

  [@override](/user/override)
  State<ShareMeApp> createState() => _ShareMeAppState();
}

class _ShareMeAppState extends State<ShareMeApp> {
  // 分享文件的方法
  void shareMe(String url) async {
    final byteData = await NetworkAssetBundle(Uri.parse(url)).load(url);
    final imageData = byteData.buffer.asUint8List();
    final name = url.split('/').last;
    final mimeType = 'image/${name.split('.').last}';
    
    // 创建XFile对象
    XFile.fromData(imageData, name: name, mimeType: mimeType);

    // 调用ShareMe.file方法分享文件
    ShareMe.file(
      name: name,
      mimeType: mimeType,
      file: imageData,
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('ShareMeApp Plugin example app'),
      ),
      body: Center(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 分享系统默认内容按钮
            ElevatedButton(
              onPressed: () async {
                ShareMe.system(
                  title: 'Title', // 标题
                  url: 'https://themonstersapp.com/', // URL
                  description: 'Descripcion', // 描述
                  subject: 'Subjet', // 主题
                );
              },
              child: const Text('Share'),
            ),
            // 分享文件按钮
            ElevatedButton(
              onPressed: () {
                shareMe('https://themonstersapp.com/images/bg-static.jpg'); // 图片URL
              },
              child: const Text('Share File'),
            ),
          ],
        ),
      ),
    );
  }
}