与Twitter/Facebook/Instagram分享url + image + text [英] Share url+image+text with Twitter/Facebook/Instagram

查看:94
本文介绍了与Twitter/Facebook/Instagram分享url + image + text的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在iOS和Android平台上是否有任何库/软件包将有助于在FB,Twitter和Insta上共享image + text + url?我已经灼烧了4个小时,但没有找到任何结果.

完整的social_share_plugin示例代码

  import'package:flutter/material.dart';导入'dart:async';导入'dart:io';导入'package:flutter/services.dart';导入'package:social_share_plugin/social_share_plugin.dart';导入'package:image_picker/image_picker.dart';void main()=>runApp(MyApp());MyApp类扩展了StatefulWidget {@override_MyAppState createState()=>_MyAppState();}类别_MyAppState扩展了State< MyApp>{字符串_platformVersion ='未知';@override无效的initState(){super.initState();initPlatformState();}//平台消息是异步的,因此我们使用async方法进行初始化.Future< void>initPlatformState()异步{字符串platformVersion;//平台消息可能会失败,因此我们使用try/catch PlatformException.尝试 {platformVersion =等待SocialSharePlugin.platformVersion;} on PlatformException {platformVersion ='无法获取平台版本.';}//如果在异步平台上将小部件从树中删除//邮件正在发送中,我们希望放弃回复,而不是调用//setState以更新我们不存在的外观.如果(!已安装)返回;setState((){_platformVersion = platformVersion;});}@override窗口小部件build(BuildContext context){返回MaterialApp(家:脚手架(appBar:AppBar(标题:const Text('Plugin example app'),),正文:列(子代:< Widget> [中心(子代:Text(运行于:$ _ platformVersion \ n"),),加高按钮(子级:Text('Share to Instagram'),onPressed:()异步{文件文件=等待ImagePicker.pickImage(source:ImageSource.gallery);等待SocialSharePlugin.shareToFeedInstagram("image/*",file.path);},),加高按钮(子级:Text('Share to Facebook'),onPressed:()异步{文件文件=等待ImagePicker.pickImage(source:ImageSource.gallery);等待SocialSharePlugin.shareToFeedFacebook('test',file.path);},),加高按钮(子级:Text('Share to Facebook Link'),onPressed:()异步{字符串url ='https://flutter.dev/';最终报价="Flutter是Google的便携式UI工具包,可通过单个代码库为移动,Web和桌面构建漂亮的,本机编译的应用程序."最终结果=等待SocialSharePlugin.shareToFeedFacebookLink(Quote:报价,网址:url,onSuccess:(postId){print('FACEBOOK SUCCESS $ postId');返回;},onCancel:(){打印('FACEBOOK CANCELLED');返回;},onError :(错误){print('FACEBOOK ERROR $ error');返回;},);打印(结果);},),加高按钮(子代:文字(分享到Twitter"),onPressed:()异步{字符串url ='https://flutter.dev/';最终文本="Flutter是Google的便携式UI工具包,可通过单个代码库为移动,Web和桌面构建漂亮的,本机编译的应用程序."最终结果=等待SocialSharePlugin.shareToTwitter(文字:文字,网址:url,onSuccess:(_){打印('TWITTER SUCCESS');返回;},onCancel:(){打印('TWITTER CANCELLED');返回;});打印(结果);},),],),),);}} 

您可以使用软件包

Is there any lib/package that will help in both platform iOS and Android to share image+text+url on FB, Twitter And Insta? I have been searing for 4 hours but didn't find any result. https://pub.dev/packages/flutter_share_me this package is only for android so. If you have any solution for it please guide me.

~ PS : I don't want to use Share package, I have buttons of FB, Insta and Twitter. When user will click on any one of the button then data should be share on any of the social media and I need call back of failure or success.

解决方案

Edit
package social_share_plugin https://github.com/romatroskin/social_share_plugin
provide share function and have call back
description page forget to mention twitter already include

full social_share_plugin example code

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

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

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

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

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

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

  // Platform messages are asynchronous, so we initialize in an async method.
  Future<void> initPlatformState() async {
    String platformVersion;
    // Platform messages may fail, so we use a try/catch PlatformException.
    try {
      platformVersion = await SocialSharePlugin.platformVersion;
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    // If the widget was removed from the tree while the asynchronous platform
    // message was in flight, we want to discard the reply rather than calling
    // setState to update our non-existent appearance.
    if (!mounted) return;

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Column(
          children: <Widget>[
            Center(
              child: Text('Running on: $_platformVersion\n'),
            ),
            RaisedButton(
              child: Text('Share to Instagram'),
              onPressed: () async {
                File file = await ImagePicker.pickImage(source: ImageSource.gallery);
                await SocialSharePlugin.shareToFeedInstagram("image/*", file.path);
              },
            ),
            RaisedButton(
              child: Text('Share to Facebook'),
              onPressed: () async {
                File file = await ImagePicker.pickImage(source: ImageSource.gallery);
                await SocialSharePlugin.shareToFeedFacebook('test', file.path);
              },
            ),
            RaisedButton(
              child: Text('Share to Facebook Link'),
              onPressed: () async {
                String url = 'https://flutter.dev/';
                final quote =
                    'Flutter is Google’s portable UI toolkit for building beautiful, natively-compiled applications for mobile, web, and desktop from a single codebase.';
                final result = await SocialSharePlugin.shareToFeedFacebookLink(
                  quote: quote,
                  url: url,
                  onSuccess: (postId) {
                    print('FACEBOOK SUCCESS $postId');
                    return;
                  },
                  onCancel: () {
                    print('FACEBOOK CANCELLED');
                    return;
                  },
                  onError: (error) {
                    print('FACEBOOK ERROR $error');
                    return;
                  },
                );

                print(result);
              },
            ),
            RaisedButton(
              child: Text('Share to Twitter'),
              onPressed: () async {
                String url = 'https://flutter.dev/';
                final text =
                    'Flutter is Google’s portable UI toolkit for building beautiful, natively-compiled applications for mobile, web, and desktop from a single codebase.';
                final result = await SocialSharePlugin.shareToTwitter(
                    text: text,
                    url: url,
                    onSuccess: (_) {
                      print('TWITTER SUCCESS');
                      return;
                    },
                    onCancel: () {
                      print('TWITTER CANCELLED');
                      return;
                    });
                print(result);
              },
            ),
          ],
        ),
      ),
    );
  }
}

You can use package https://pub.dev/packages/esys_flutter_share
github https://github.com/esysberlin/esys-flutter-share
iOS need special action, you can see IMPORTANT Note for iOS

Share text:

Share.text('my text title', 'This is my text to share with other applications.', 'text/plain');

Share file:

final ByteData bytes = await rootBundle.load('assets/image1.png');
await Share.file('esys image', 'esys.png', bytes.buffer.asUint8List(), 'image/png', text: 'My optional text.');

Share files:

final ByteData bytes1 = await rootBundle.load('assets/image1.png');
final ByteData bytes2 = await rootBundle.load('assets/image2.png');
final ByteData bytes3 = await rootBundle.load('assets/addresses.csv');

await Share.files(
    'esys images',
    {
        'esys.png': bytes1.buffer.asUint8List(),
        'bluedan.png': bytes2.buffer.asUint8List(),
        'addresses.csv': bytes3.buffer.asUint8List(),
    },
    '*/*',
    text: 'My optional text.');

Share file from url:

var request = await HttpClient().getUrl(Uri.parse('https://shop.esys.eu/media/image/6f/8f/af/amlog_transport-berwachung.jpg'));
var response = await request.close();
Uint8List bytes = await consolidateHttpClientResponseBytes(response);
await Share.file('ESYS AMLOG', 'amlog.jpg', bytes, 'image/jpg');

official demo

这篇关于与Twitter/Facebook/Instagram分享url + image + text的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆