Flutter Tutorial - Take Screenshot Of Screen & Widgets | Capture, Save To Gallery, Share

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024

Комментарии • 111

  • @HeyFlutter
    @HeyFlutter  Год назад

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/screenshot_example

  • @oijgg3p
    @oijgg3p 3 года назад +4

    You are out of this WORLD with this types of tutorials. I cannot even find Stack Overflow for this problem, and you my bro, made a video. Thank you, just know that you helped me create a better app with this type of tutorials..AMAZING! (Home one day you will be a part of Google Flutter Team that I am planning to join in a couple of years)

    • @doulainc.498
      @doulainc.498 3 года назад +1

      I swear bro. This man has really helped me. Working on my school project. He has really given me everything. I hope to pay back soon. Such knowledge can't even be payable 😭

  • @ylchannel802
    @ylchannel802 Год назад +1

    Hello, Can you tell me why i got this error 'Future' can't be assigned to the parameter type 'Uint8List'

    • @HeyFlutter
      @HeyFlutter  Год назад +1

      Thank You Y&L channel! Follow this link: stackoverflow.com/questions/67279594/the-argument-type-futureuint8list-cant-be-assigned-to-the-parameter-type-l
      I hope you will get your answer 🙂

  • @Hazara_boy
    @Hazara_boy Год назад +1

    if anyone is finding a copy paste

    • @HeyFlutter
      @HeyFlutter  Год назад

      Great, Thank you Asghar Ali!

  • @MADsymptom
    @MADsymptom 2 года назад +1

    Hello, It's working great on Android, but when I share the image on an iOS device it's sharing a data file not as an image.. what's the fix ? thanks

  • @SirJagerYT
    @SirJagerYT 3 года назад +1

    this was the one i was asking earlier . sorry i was not able to explain you properly . To take ss of quotewidget then share ! Thanks somehow your content helped as always !

  • @meshu_amare
    @meshu_amare 3 года назад +1

    Thanks bro i learn too much from you video. Be brave and thank you again

  • @TheOne-ur5wr
    @TheOne-ur5wr 3 года назад +1

    Johannes also make a video on how to display youtube link & other website link message. Just like whatsapp does. ✌

  • @alifarhadali5580
    @alifarhadali5580 3 года назад +1

    A few days ago i was panicked and don't know how to implemement this feature screen shot a specific widget and you saved me thanks 💙💙

  • @rubeshr555
    @rubeshr555 Год назад +2

    This is what I exactly want , Thankyou for everything man💓

    • @HeyFlutter
      @HeyFlutter  Год назад +1

      You’re most welcome, Rubesh R! 🙂

  • @oijgg3p
    @oijgg3p 3 года назад +1

    In your build.gradle please tell me what version are you using ( example: minSdkVersion 16, targetSdkVersion 28)? I am having problems with Android Manifest READ_EXTERNAL_STORAGE and WRITE_EXTERNAL_STORAGE. I tried adding MANAGE_EXTERNAL_STORAGE, but it didn't help. :/

    • @himesh_89
      @himesh_89 3 года назад

      @@HeyFlutter i am still getting an error here - attribute android:requestLegacyEternalStorage not found
      tried looking online to debug, no luck yet.

  • @iamvikram
    @iamvikram 2 года назад +1

    Thank you for the video, its very helpful. I wanted to know how I can compress / resize the screen shot image. I am capturing a grid and height is very long, so it looks weird when I share the image. I wanted to automatically resize & compress image before sharing. Any suggestions?

  • @sireenibnukabeeer4613
    @sireenibnukabeeer4613 Год назад

    For me it is showing like this. I referred documentation but couldn't find any solution.
    'shareFiles' is deprecated and shouldn't be used. Use shareXFiles instead..
    Please help me if you know.

    • @HeyFlutter
      @HeyFlutter  Год назад

      Hey, SIREEN IBNU 🙂 function name is changed in new version of package, we'll try to bring new tutorial on this topic

  • @tchatterjee2828
    @tchatterjee2828 3 года назад

    image_gallery_saver is using a deprecated android embedding .

  • @HaiderNaqvi1435
    @HaiderNaqvi1435 Год назад

    Hi Sir , I have a Question that how to share screenshot on WhatsApp without saving phone number. I used a dependency named Whatsapp_Share2 but it does not work with this method.

    • @HeyFlutter
      @HeyFlutter  Год назад +1

      Thanks for the idea @muhammadhaidernaqvi8206 😀, i have added it in my list of future videos

  • @oguzhan6112
    @oguzhan6112 Год назад

    Hello, is there any way to take screenshot of device (not our app). So it must include status bar or i'll try to work on other apps. Thanks for help!

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thank You @oguzhan6112! Follow this link: stackoverflow.com/questions/56853765/how-to-take-screen-shots-of-mobile-debug-device-running-flutter-application-in-a
      I hope you will get your answer 🙂

  • @the_artwork
    @the_artwork 3 года назад +1

    5:59 It is something wrong with saveAndShare: "The argument type 'String' can't be assigned to the parameter type 'List'"

    • @the_artwork
      @the_artwork 3 года назад

      @@HeyFlutter Dankeschön, es wäre auch klasse wenn 'screenshot package' noch für die web app funktionierte. aber da, glaube ich, sollte man was anderes benutzen (eventuell pdf-lösung)

  • @mohsendelghandi
    @mohsendelghandi 2 года назад

    Hello, I get the unsupported attachment or zero bytes image file, corrupted file maybe, why?

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank You Mohsen Delghandi! Follow this link: pub.dev/packages/screenshot
      I hope you will get your answer 🙂

  • @thewhisperinyourears
    @thewhisperinyourears 2 года назад

    Well how do I use Screenshot() inside a ListView? I am getting all sorts of errors.

    • @HeyFlutter
      @HeyFlutter  2 года назад

      No worries, thewhisperinyourears! 🙂 can you share what kind of errors are you getting ?

  • @programingtales7514
    @programingtales7514 2 года назад +1

    Exactly what I need ❤ thank you very much

  • @DHGameStudios
    @DHGameStudios Год назад +1

    Quality tutorial as usual! No mucking about, no overcomplicated explanations. Simple and straight-forward, and Fast!

    • @HeyFlutter
      @HeyFlutter  Год назад

      Glad to hear that, Thank you DHGameStudios! 😊

  • @ahmad-nour-haedr
    @ahmad-nour-haedr Год назад

    How to take a screenshot in Flutter of a widget bigger than the height of the mobile screen?

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thanks for the idea أحمد نور حيدر 😀, i have added it in my list of future videos

  • @sadikulhaquesadi6003
    @sadikulhaquesadi6003 2 года назад

    how to take screenshots i.e. image frames from a video player playing a video file in flutter desktop (windows) application?

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank You sadikul haque sadi! Follow this link: pub.dev/packages/screenshot
      I hope you will get your answer 🙂

    • @sadikulhaquesadi6003
      @sadikulhaquesadi6003 2 года назад

      @@HeyFlutter No, it doesn't address my question. However thank you.

  • @usamashahbaz8060
    @usamashahbaz8060 2 года назад

    Oh man I owe you a favour.. maybe someday in future.. I'm gonna pay it

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thanks, Usama 363 I! 🙂

  • @SAURABHGUPTA_DINOSAUR
    @SAURABHGUPTA_DINOSAUR 3 года назад +1

    You're one of the best creators on youtube for flutter

  • @prettygirl6146
    @prettygirl6146 2 года назад

    is that screen shot widget a third party one or provided by official team of flutter, because too many unsupported packages will make your app useless very soon in the future.

  • @jonathanhanono1999
    @jonathanhanono1999 Год назад

    What about share screenshots to any wallpaper lockscreen on Android

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thank You Jonathan Hanono! Follow this link: stackoverflow.com/questions/67042438/set-wallpaper-from-widget-screenshot-in-flutter
      I hope you will get your answer 🙂

  • @appleprabha5744
    @appleprabha5744 2 года назад

    Does it causes any error while placing stack inside of column? The error must have been occurred there... Something is wrong... It causes error in my case when I execute the same code.

  • @shikharpandey9208
    @shikharpandey9208 3 года назад

    logicalSize.aspectRatio == imageSize.aspectRatio': is not true
    Getting this error. Please reply

  • @bhaveshingale1610
    @bhaveshingale1610 3 года назад

    Seems like the Video i need!!! Can you just help me with understanding this that do i need to have screen open while taking screenshot?

  • @mobileapps1472
    @mobileapps1472 2 года назад

    How to add watermark on full screen capture with Flutter

    • @mobileapps1472
      @mobileapps1472 2 года назад

      ​@@HeyFlutter thanks, kindly make it quick

  • @sahilgupta6254
    @sahilgupta6254 2 года назад

    how can i take screenshot of whole page like my page has scrollable list.so how can take screenshot of whole page..?

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank You Sahil Gupta! Follow this link: stackoverflow.com/questions/72168968/how-to-take-full-scrolled-screenshot-in-flutter-native-screenshot
      I hope you will get your answer 🙂

    • @sahilgupta6254
      @sahilgupta6254 2 года назад

      @@HeyFlutter I am glad you replied I am really thankful for that but this is not helping. could you make a video about this topic? please

  • @jamiejackson5360
    @jamiejackson5360 2 года назад

    Hi Mike. I have run into a bit of an issue. Any Idea's {filePath: null, errorMessage: java.io.FileNotFoundException: open failed: EACCES (Permission denied), isSuccess: false} is the result from image gallery saver. Work perfect on android 10 and above 9 and bellow just does not work even with permissions granted and using permission handler. Any help or a video on how to fix this issue would be great. Many Thanks

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Hello, Jamie Jackson! Follow this link: stackoverflow.com/questions/37819550/java-io-filenotfoundexception-storage-emulated-0-new-file-txt-open-failed-ea,
      I hope it will solve your problem. Thank You 🙂

  • @gopalanramanathan81
    @gopalanramanathan81 3 года назад

    Awesome videos. Am a big time follower. I seem to face a problem with this one thoh. I get 'Failed to find configured root that contains /storage/emulated/0/Android/data' when i try your example of sharing. I have all sorts of permissions setup in AndroidManifest like you've mentioned. Still stuck with this error. Any ideas?

  • @stanislauspnayenggita1361
    @stanislauspnayenggita1361 3 года назад

    can you make a tutorial about widgets?
    I mean widget on Android home.
    You know what I mean.

  • @reemaahuja8397
    @reemaahuja8397 2 года назад

    How to add capture rate in screenshot controller to record widget?
    Or is there any other way to record particular widget with null safety enabled ?

  • @abhipatel2322
    @abhipatel2322 3 года назад

    Your content is quiet useful just work on your English and you will shine

  • @rebarius
    @rebarius 3 года назад

    I love this german accent 😂👌🏼 greetings from a Hochdeutscher

  • @egbuchulamalexanderginika3423
    @egbuchulamalexanderginika3423 2 года назад

    Thanks so much for the tutorial, please is it possible to attach a frame to the screenshot that is been shared ( that's putting a frame on it just the way I can attach text to it but right now wrapping it with .a frame)

  • @koushiknaskar4751
    @koushiknaskar4751 2 года назад

    I'm using the same code, but when sharing it opens the share dialog, then I chose Whatsapp, and then during the sharing, it shows file format not supported. How do I fix this ?

    • @koushiknaskar4751
      @koushiknaskar4751 2 года назад

      So, It seems it was a problem with the MIUI (12.5). For anyone stumbling on this issue (using MIUI devices) in the developer, options Turn on MIUI optimization and enable force allow apps to write on external storage.

  • @nooraldinjalab5978
    @nooraldinjalab5978 3 года назад

    Do you keep in memory after sharing?
    If yes, how do I delete it?
    thank you

  • @Randomvideo276
    @Randomvideo276 3 года назад

    Is there any tutorial to save message in draft or incomplete data in draft tab
    thank you in advance

  • @SQADIRKVM
    @SQADIRKVM 3 года назад

    Hey Dude Can You Make a video about how to build a screen share app in flutter like screen share feature in google meet

    • @SQADIRKVM
      @SQADIRKVM 3 года назад

      @@HeyFlutter Thanks Dude ❤

  • @gandharvathite6181
    @gandharvathite6181 3 года назад

    Can we implement the following thing to take a screenshot of a widget that is not opened on the screen, but that widget exists in the application?

  • @meshu_amare
    @meshu_amare 3 года назад

    I have one question, i am developing app for my local business and am using remote phpmyadmin database , is it possible to apply push notification when the user send something to the server using phpmyadmin database in flutter

    • @meshu_amare
      @meshu_amare 3 года назад

      @@HeyFlutter Thank you Johannes Mike

  • @ertugodabasi
    @ertugodabasi 2 года назад

    Hi Johannes, thank you again for this great tutorial. Helped a lot.
    I've a problem with shareFiles method. If I used text, it doesn't include file, just sends text. If text field is commented out file is sent. I need to send text and photo together. If you have a solution for that, I would be so happy. It is on an iphone by the way haven't tested on android yet.

  • @uguur
    @uguur 2 года назад

    can we take screenshot format .jpg ?

    • @uguur
      @uguur 2 года назад

      @@HeyFlutter how can i do ?

  • @yousour5112
    @yousour5112 3 года назад

    i just try it on my project, i got some problem with screenshot package on android , some part color of widget it isn't show as i expected.

    • @yousour5112
      @yousour5112 3 года назад

      @@HeyFlutter that's ok , i solved it , thank

  • @tob7749
    @tob7749 2 года назад

    You are a god!!
    Thanks, awesome what you are doing!!
    I will definetly get a course of yours!

  • @helixdynamics9578
    @helixdynamics9578 3 года назад

    Nice video..... But can you build a cool and professional social media app kinda like LinkedIn but more aesthetic and appealing ... Its a request from your subscriber ... 😊

  • @TYNEPUNK
    @TYNEPUNK Год назад

    Saved my ass, thanks dude!!!!

    • @HeyFlutter
      @HeyFlutter  Год назад

      Glad it was helpful, @TYNEPUNK 😀

  • @csscompany1028
    @csscompany1028 5 месяцев назад

    how make it for web in flutter?

    • @HeyFlutter
      @HeyFlutter  5 месяцев назад

      Thank you, @csscompany1028! 🙂. Please try to provide enough details with your question.

  • @jamiejackson5360
    @jamiejackson5360 2 года назад

    Thanks for the video this got me out of trouble. I was struggling a bit.

  • @doulainc.498
    @doulainc.498 3 года назад

    hello sir, please how can i take a screenshot of an invisible widget. its kinda showing me null

    • @doulainc.498
      @doulainc.498 3 года назад

      you don't have to bother, I have fixed it. thank u sir

  • @officialismailshah
    @officialismailshah 3 года назад

    Johannes waiting for the second part of deployment

  • @chauvoluuhuong7485
    @chauvoluuhuong7485 3 года назад

    Hi, thank you for your tutorial. It's very helpful. have you ever directly display image from Uint8List bytes after capturing. I try with Image.memory(uint8ListBytesCaptured) but fail :(

    • @chauvoluuhuong7485
      @chauvoluuhuong7485 2 года назад

      Hi just check your solution and it worked thank you so much bro

  • @otuken79
    @otuken79 3 года назад

    Hello, I have a question. How can I send notifications when user follow each other?

    • @yoapps137
      @yoapps137 3 года назад

      Firebase cloud functions.. But now you need to give your credit card for billing on sign up. So be careful with nodejs functions... if you're a beginner ;-)

  • @MrArrex
    @MrArrex 3 года назад

    Can you share without saving?

  • @king4053
    @king4053 3 года назад

    How to delete the file?

  • @percepcao7160
    @percepcao7160 2 года назад

    thank you very much

  • @hamiltondarryl3129
    @hamiltondarryl3129 2 года назад

    great video, but how do you make a video recording of the screen?

    • @hamiltondarryl3129
      @hamiltondarryl3129 2 года назад

      @@HeyFlutter I may have expressed myself badly, I want to know how to make a recording of my screen instead of capturing a screen with flutter

  • @cfcr.8090
    @cfcr.8090 2 года назад

    You The Best :)

  • @mortezabesharati7806
    @mortezabesharati7806 2 года назад

    Awesome & Perfect ❤️❤️❤️❤️❤️❤️❤️

  • @pritomchaki4461
    @pritomchaki4461 3 года назад

    WoW, another package

  • @batishqureshi
    @batishqureshi Год назад

    Thank you so much! Your videos are very crisp and useful.

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thank you, Batish Qureshi! 🙂

  • @MZeeshanTariqM
    @MZeeshanTariqM 3 года назад

    fabulous work mam

  • @05santiphannolath10
    @05santiphannolath10 2 года назад

    What a life saver

  • @AnimeWorld-mt7qs
    @AnimeWorld-mt7qs 3 года назад

    Cool

  • @technologyandknowledge8465
    @technologyandknowledge8465 3 года назад

    Very helpful

  • @hashankannangara8723
    @hashankannangara8723 3 года назад

    Thats awsome 😍

  • @jarnotossavainen552
    @jarnotossavainen552 Год назад

    Kiitos!

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thanks, @jarnotossavainen552! 🙂

  • @randikavishman3971
    @randikavishman3971 3 года назад

    Nice! Your example and the explaining were very clear! Thanks for everything!
    Subscribed! ❤️ 😇 👍🏼

  • @iamvikram
    @iamvikram 2 года назад

    This video was very helpful when I was setting up my app. Now I am running into an issue and I was hoping you can give me some pointers. I have a listview.builder with cards and the screenshot action is part of the card. Everything seems to work as expected. It's when i add a record (route to add record page) and come back to the list, the screenshot action (“Uint8List? image” is null) stops working on the card. If I scroll the list enough that the record is not visible and then scroll back to it, now the actions starts working. It seems like it's a rebuilding of widget issue, but I am not sure how to go about fixing it. Any help is greatly appreciated.

    • @iamvikram
      @iamvikram 2 года назад

      @@HeyFlutter There is no error message, it's just the screenshot image is null. My callback function looks something like this : _captureScreenShot(Uint8List? image) async { if (image != null) { ... } } and since image == null, it just returns. This happen only when I add a record. Then i need to scroll the listview (I am assuming just enough to trigger a rebuild) and then everything works after that. My listview.builder is housed inside a IndexedStack. My educated guess is it's something to do with Listview state, but not sure how to go about fixing it.

    • @iamvikram
      @iamvikram 2 года назад

      @@HeyFlutter On further debugging in screenshot package code, I noticed the currentContext is null when this issue happens.
      "var findRenderObject = this._containerKey.currentContext?.findRenderObject();" - from screenshot.dart