Flutter社交分享插件loopi_share的使用

开始使用

本项目是一个新的Flutter插件项目。它是一个专门的包，包括适用于Android和/或iOS的平台特定实现代码。

对于如何开始使用Flutter，可以参考我们的在线文档，该文档提供了教程、示例、移动开发指南以及完整的API参考。

示例代码

以下是一个完整的示例代码，展示了如何使用loopi_share插件进行社交分享。

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

import 'package:flutter/services.dart';
import 'package:image_picker/image_picker.dart';
import 'package:loopi_share/loopi_share.dart';

void main() {
  runApp(MaterialApp(
    title: "App",
    home: MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知';

  @override
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息异步处理，因此我们在异步方法中初始化。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能失败，所以我们使用带有PlatformException的try/catch。我们还处理消息可能返回null的情况。
    try {
      platformVersion = await LoopiShare.platformVersion ?? '未知平台版本';
    } on PlatformException {
      platformVersion = '获取平台版本失败。';
    }

    // 如果小部件在异步平台消息还在飞行时从树中移除，我们需要丢弃回复而不是调用setState来更新我们不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('插件示例应用'),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Center(
            child: Text('运行于: $_platformVersion\n'),
          ),
          ElevatedButton(
            onPressed: () async {
              await Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => ShareImageWithSticker(),
                ),
              );
            },
            child: Text("分享带贴纸的图片"),
          ),
        ],
      ),
    );
  }
}

class ShareImageWithSticker extends StatelessWidget {
  const ShareImageWithSticker({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    ImagePicker imagePicker = ImagePicker();
    PickedFile? backgroundVideo;
    PickedFile? stickerImage;
    return Scaffold(
      appBar: AppBar(
        title: Text(
          "通过Instagram分享带贴纸的图片",
        ),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () async {
                backgroundVideo = await imagePicker.getVideo(
                  source: ImageSource.gallery,
                );
              },
              child: Text("选择视频"),
            ),
            ElevatedButton(
              onPressed: () async {
                stickerImage = await imagePicker.getImage(
                  source: ImageSource.gallery,
                );
              },
              child: Text("选择贴纸图片"),
            ),
            ElevatedButton(
              onPressed: () async {
                if (backgroundVideo != null && stickerImage != null) {
                  String? result = await LoopiShare.shareInstagram(
                    videoPath: backgroundVideo!.path,
                    stickerPath: stickerImage!.path,
                    waitInSeconds: 3.0,
                    clibBoardIos:
                        "用于在iOS设备上将信息放在剪贴板上",
                  );
                  print(result);
                }
              },
              child: Text("发送到Instagram"),
            ),
          ],
        ),
      ),
    );
  }
}

代码解释

1. 导入必要的库

   import 'package:flutter/material.dart';
   import 'dart:async';
   import 'package:flutter/services.dart';
   import 'package:image_picker/image_picker.dart';
   import 'package:loopi_share/loopi_share.dart';
   

2. 定义主应用

   void main() {
     runApp(MaterialApp(
       title: "App",
       home: MyApp(),
     ));
   }
   

3. 定义状态管理类

   class _MyAppState extends State<MyApp> {
     String _platformVersion = '未知';
   
     @override
     void initState() {
       super.initState();
       initPlatformState();
     }
   
     Future<void> initPlatformState() async {
       String platformVersion;
       try {
         platformVersion = await LoopiShare.platformVersion ?? '未知平台版本';
       } on PlatformException {
         platformVersion = '获取平台版本失败。';
       }
       if (!mounted) return;
       setState(() {
         _platformVersion = platformVersion;
       });
     }
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: const Text('插件示例应用'),
         ),
         body: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
             Center(
               child: Text('运行于: $_platformVersion\n'),
             ),
             ElevatedButton(
               onPressed: () async {
                 await Navigator.push(
                   context,
                   MaterialPageRoute(
                     builder: (context) => ShareImageWithSticker(),
                   ),
                 );
               },
               child: Text("分享带贴纸的图片"),
             ),
           ],
         ),
       );
     }
   }
   

4. 定义分享带贴纸图片的页面

   class ShareImageWithSticker extends StatelessWidget {
     const ShareImageWithSticker({Key? key}) : super(key: key);
   
     @override
     Widget build(BuildContext context) {
       ImagePicker imagePicker = ImagePicker();
       PickedFile? backgroundVideo;
       PickedFile? stickerImage;
       return Scaffold(
         appBar: AppBar(
           title: Text(
             "通过Instagram分享带贴纸的图片",
           ),
         ),
         body: Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
               ElevatedButton(
                 onPressed: () async {
                   backgroundVideo = await imagePicker.getVideo(
                     source: ImageSource.gallery,
                   );
                 },
                 child: Text("选择视频"),
               ),
               ElevatedButton(
                 onPressed: () async {
                   stickerImage = await imagePicker.getImage(
                     source: ImageSource.gallery,
                   );
                 },
                 child: Text("选择贴纸图片"),
               ),
               ElevatedButton(
                 onPressed: () async {
                   if (backgroundVideo != null && stickerImage != null) {
                     String? result = await LoopiShare.shareInstagram(
                       videoPath: backgroundVideo!.path,
                       stickerPath: stickerImage!.path,
                       waitInSeconds: 3.0,
                       clibBoardIos:
                           "用于在iOS设备上将信息放在剪贴板上",
                     );
                     print(result);
                   }
                 },
                 child: Text("发送到Instagram"),
               ),
             ],
           ),
         ),
       );
     }
   }