Flutter社交网络分享插件share_social_network的使用

Flutter社交网络分享插件share_social_network的使用

一个现成的平台，提供了多种分享方式。您将需要直接访问某些流行的应用程序或仅使用内置默认分享。

平台

该插件在以下平台运行：

• Android
• iOS

视频	照片	视频

初始设置

Android配置

在 android/app/src/main/AndroidManifest.xml 中添加以下属性：

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

创建名为 filepaths.xml 的文件，并将其放置在 app/src/main/res/xml 文件夹中，然后粘贴以下代码：

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

在 android/app/src/main/AndroidManifest.xml 文件中的 <manifest> 和 <application> 标签之间添加以下代码片段：

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

iOS配置

在 Info.plist 中添加以下内容以使用Instagram和Facebook故事分享：

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>instagram-stories</string>
    <string>facebook-stories</string>
    <string>facebook</string>
    <string>instagram</string>
    <string>twitter</string>
    <string>whatsapp</string>
    <string>tg</string>
</array>

如果您要使用Facebook分享，请添加以下内容。为此，您需要在 https://developers.facebook.com/ 创建一个应用并获取App ID：

<key>FacebookAppID</key>
<string>xxxxxxxxxxxxxxx</string>

开始使用

在 pubspec.yaml 文件中添加该包：

share_social_network: ^1.2.9

在您的 Dart 文件中导入库：

import 'package:share_social_network/share_social_network.dart';

使用 ShareSocialNetwork.show 小部件代替 ShareSocialNetwork：

ShareSocialNetwork.show(
  context: context,
  backgroundColor: Colors.white,
  pillColor: Colors.black12,
  transitionDuration: Duration(milliseconds: 300),
  screenshotController: screenshotController,
  copyToClipboard: "https://github.com/weeidl/share_social...",
  telegram: Telegram(
    content: "Hello World \n https://github.com/weeidl",
  ),
  instagram: Instagram(
    backgroundBottomColor: "#FF7391",
    backgroundTopColor: "#591E78",
    attributionURL: "https://deep-link-url",
    imagePath: imagePath,
  ),
  facebook: Facebook(
    backgroundTopColor: "#ffffff",
    attributionURL: "https://github.com/weeidl",
    backgroundBottomColor: "#000000",
    imagePath: imagePath,
    appId: "xxxxxxxxxxxxx",
  ),
  more: More(
    message: 'Hello World \n https://github.com/weeidl',
  ),
  twitter: Twitter(
    captionText: 'Share twitter',
    hashtags: ["hello", "world", "weeild", "artur"],
    url: 'https://github.com/weeidl',
    trailingText: " \nweeidl",
  ),
  whatsapp: Whatsapp(
    content: 'Hello World \n https://github.com/weeidl',
  ),
);

示例

以下是如何向Instagram发送内容的示例：

ScreenshotController screenshotController = ScreenshotController();

void shareSocialNetwork(BuildContext context) async {
  String imagePath = await screenshotController.capture().then((image) async {
    final directory = await getApplicationDocumentsDirectory();
    final file = await File('${directory.path}/temp.png').create();
    await file.writeAsBytes(image!);
    return file.path;
  });

  ShareSocialNetwork.show(
    context: context,
    backgroundColor: Colors.white,
    pillColor: Colors.black12,
    transitionDuration: Duration(milliseconds: 300),
    screenshotController: screenshotController,
    copyToClipboard: "https://github.com/weeidl/share_social...",
    instagram: Instagram(
      backgroundBottomColor: "#FF7391",
      backgroundTopColor: "#591E78",
      attributionURL: "https://deep-link-url",
      imagePath: imagePath,
    ),
  );
}

示例代码

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:path_provider/path_provider.dart';
import 'package:screenshot/screenshot.dart';
import 'package:share_social_network/models/facebook.dart';
import 'package:share_social_network/models/instagram.dart';
import 'package:share_social_network/models/more.dart';
import 'package:share_social_network/models/telegram.dart';
import 'package:share_social_network/models/twitter.dart';
import 'package:share_social_network/models/whatsapp.dart';
import 'package:share_social_network/share_social_network.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Custom Bottom Sheet',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  ScreenshotController screenshotController = ScreenshotController();

  void shareSocialNetwork(BuildContext context) async {
    String imagePath = await screenshotController.capture().then((image) async {
      final directory = await getApplicationDocumentsDirectory();
      final file = await File('${directory.path}/temp.png').create();
      await file.writeAsBytes(image!);
      return file.path;
    });

    ShareSocialNetwork.show(
      context: context,
      backgroundColor: Colors.white,
      pillColor: Colors.black12,
      transitionDuration: Duration(milliseconds: 300),
      screenshotController: screenshotController,
      copyToClipboard: "https://github.com/weeidl/share_social...",
      telegram: Telegram(
        content: "Hello World \n https://github.com/weeidl",
      ),
      instagram: Instagram(
        backgroundBottomColor: "#FF7391",
        backgroundTopColor: "#591E78",
        attributionURL: "https://deep-link-url",
        imagePath: imagePath,
      ),
      facebook: Facebook(
        backgroundTopColor: "#ffffff",
        attributionURL: "https://github.com/weeidl",
        backgroundBottomColor: "#000000",
        imagePath: imagePath,
        appId: "xxxxxxxxxxxxx",
      ),
      more: More(
        message: 'Hello World \n https://github.com/weeidl',
      ),
      twitter: Twitter(
        captionText: 'Share twitter',
        hashtags: ["hello", "world", "weeild", "artur"],
        url: 'https://github.com/weeidl',
        trailingText: " \nweeidl",
      ),
      whatsapp: Whatsapp(
        content: 'Hello World \n https://github.com/weeidl',
      ),
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Material(
      child: Screenshot(
        controller: screenshotController,
        child: Center(
            child: ElevatedButton(
          onPressed: () {
            shareSocialNetwork(context);
          },
          child: Text('点击此处'),
        )),
      ),
    );
  }
}