与Twitter/Facebook/Instagram分享url + image + text [英] Share url+image+text with Twitter/Facebook/Instagram
问题描述
在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屋!