Share Widget Screenshots with Flutter | Day 09 -

Kilo Loco shows you how to take screenshots of your custom widgets and share them outside of the app. In this tutorial, you will learn how to use both the screenshot and share libraries.
** Show Notes and Links **
Project Files:
github.com/Kil...
Kilo Loco on Social Media:
www.kiloloco.com
Discord - / discord
Twitter - / kilo_loco
Instagram - / kilo_loco
#flutter #dartlang #30DaysOfFlutter

[@El-lj5pz]

Thank Kilo Loco for the video. For those who are using the new Screenshot package you need to change the _takeScreenshot() function code to this :
void _takeScreenshot() async {
final uint8List = await screenshotController.capture();
String tempPath = (await getTemporaryDirectory()).path;
File file = File('$tempPath/image.png');
await file.writeAsBytes(uint8List);
await Share.shareFiles([file.path]);
}

[@criszx17dev92]

Thanks bro !

[@omerkaraca7375]

Thank so much bro. You saved my hours

[@user-nb9kd6yp2j]

what about getTemporaryDirectory, and image.png, and writeAsBytes, they are all showing errors

[@Surimi888]

Thank you! Life saver.

[@lawrencereeve5755]

@@user-nb9kd6yp2j Me too bro, did you find a solution for this?

[@RalphShillington]

Breaking change to Screenshot (0.3.0 10/02/2021) . The capture method now returns Uint8List instead of File. If you want to follow along with the video exactly, you'll need fix the reference the previous version of the package, in the pubspec.yml to version 0.2.0 specifically (i.e. remove the ^ )

[@Kilo_Loco]

Thanks for sharing

[@viveks.]

Hey @Ralph Shillington what is the solution for screenshot ^0.3.0

[@marcelhh5722]

and for 030?

[@El-lj5pz]

@@viveks. checkout my comment above if you haven't found any workaround

[@El-lj5pz]

​@@marcelhh5722 checkout my comment above if you haven't found any workaround

[@sanjarbekfayzullayev8825]

Thank you, I am from Uzbekistan

[@MoAdel92]

newest solution will be
shareImage() async {
final uint8List = await screenshotController.capture();
String tempPath = (await getTemporaryDirectory()).path;
String fileName =" ";>>>>>your file name between ""
File file = await File('$tempPath/$fileName" }.png').create();
file.writeAsBytesSync(uint8List!);
await Share.shareFiles([file.path]);
}

[@ADITYASINGH007]

It's very useful. I had been looking for these kind of stuff since 20 days almost.

[@psatler]

I just found your channel and I think it its amazing!!

[@Kilo_Loco]

Haha thanks!! Glad you like it!

[@faithtutsacademy7]

Great! Just what I needed 🙏

[@quocvnguyen7117]

Awesome! This is really helpful

[@sanzharzhanalin6985]

Thank you. You always help.

[@bhaveshingale1610]

Sir, Do i need to have the screen open for taking the screenshot? Or can it be done in background?

[@limatechofficial]

Can we directly share screenshot without saving in directory from flutter web ?

[@lovishaggarwal2453]

Hey there,
Thanks for the video. When I try to share the image along with text on WhatsApp, the image does not get shared. If I try this messenger or any other service it works well. It even works well on android WhatsApp. Can you please provide a solution for this error?

[@angelinadyer4411]

can I use this on flutterflow?

[@masihreyhani3910]

You're amazing 😊💙🙏

[@Kilo_Loco]

Thank you! 🙂

[@shahidwani6445]

Screenshot is not working with webview widget
How to make it work

[@marcelhh5722]

Dont work more with 0.3.0 any solution?

[@mathausguimaraes]

if you find a solution, please share

[@mobileapps1472]

How to add watermark on full screen capture with Flutter

[@omerkaraca7375]

This doesn't work for 0.3.0 version, how to handle saving and sharing SS with the latest version.

[@El-lj5pz]

See my comment above

[@omerkaraca7375]

@@El-lj5pz Thank so much bro. I hope your comment will be upvoted.

[@yousour5112]

anyone get problem with Screenshot on samsung device ? , it works only first time ,another device works fine

[@luisangelhernandezlopez4246]

path error, help please

[@shahidwani6445]

Can we add watermark to screen shot

[@ezone2726]

How can we make an flutter app where one app can login only one device ; if user will add another account it won't sign in the app?
Does it possible to do?
If yes please help me out!
#thankyourforthisawesometutorial #flutter #happycoding #awesometutorial #stayhealthy

[@Kilo_Loco]

This could probably be done by saving a unique value like the user ID to the keychain and checking that before allowing the user to sign it, but i dont think that would be a good user experience. Most big apps allow you to sign in to different accounts from the same device no problem

[@ezone2726]

@@Kilo_Loco i think if one user have only one account in his/her phone that might be safe and less chance of misues!

[@jenishsavaliya5446]

path error plz ans and give me solution

[@hudaherzallah178]

me too
what the answer

[@sahadcp6612]

var imageuint = await screenshotController.capture();
var directory = (await getApplicationDocumentsDirectory()).path;
File imgFile = new File('$directory/sfs.png');