Flutter Tutorial - Flutter Signature Widget & Export Signature

Поділитися
Вставка
  • Опубліковано 2 лис 2024

КОМЕНТАРІ • 45

  • @HeyFlutter
    @HeyFlutter  Рік тому

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

  • @excellencemichel4875
    @excellencemichel4875 3 роки тому +1

    Thank you so much. Every day the beautiful things is available here

  • @nahidulislam2928
    @nahidulislam2928 3 роки тому

    you are the best. normally i never comment on any videos but now i can't hold my self

  • @sportKO12
    @sportKO12 3 роки тому +2

    You are the Best brother !!

  • @TrikNgonlen
    @TrikNgonlen 3 роки тому +1

    I love it....
    Now, it's not hard to find this awesome tutorial what I was looking for...
    Thanks, @Johannes Milke...
    and I'm sorry I can't support you better so far...

  • @austinevick
    @austinevick 3 роки тому +1

    😊😊😊😊😊 am so happy watching this video like seriously it made my day. Thank you so much sir for your hard work and contribution to the flutter community.

  • @axiydeveloper3200
    @axiydeveloper3200 3 роки тому

    Salam bro Your videos are amazing and useful for flutter development. Good luck

  • @Dawamid
    @Dawamid 3 роки тому

    Maa syaaa allah tabaarakallah. Thx for always upload vid. We like it

  • @leesfamilytv8761
    @leesfamilytv8761 2 роки тому

    Hello Johannes,
    Thanks for your awesome courses !
    And is there any package can implement handwriting draft panels? Which can still revise after saving?

    • @leesfamilytv8761
      @leesfamilytv8761 2 роки тому

      @@HeyFlutter Thanks for reply, I still struggling with it, happy to share experience if I find a solution.

  • @edanurozturk5411
    @edanurozturk5411 2 роки тому

    Thanks for the tutorial! I want to save the signature image directly to the firebase without saving it to the local storage. Is there any tutorial for this?

  • @AndreasBaatz-vo6ti
    @AndreasBaatz-vo6ti 9 місяців тому

    Thanks a lot. Works fine :)

    • @HeyFlutter
      @HeyFlutter  9 місяців тому

      You are welcome, @AndreasBaatz-vo6ti 😊

  • @reasonteller142
    @reasonteller142 Рік тому

    It was a very detailed and great tutorial! So nice!
    I am currently writing integration test for a flutter app and could you do a video on how to simulate sining on the signature board?
    My scenario is tap on the signature pad and let it signed (drawing the signature) and then tap on the check button to save the autograph.
    Is this doable in Flutter? Or signing part need to be done manually?
    Thanks ahead for the feedback.

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      Thanks for the idea, 이유있는 여자 | Reason Teller! 🙂 I have added it to my list of ideas for future videos!

  • @gnrslashsp6501
    @gnrslashsp6501 3 роки тому

    it is so nice to watch your tutorials, i would like to have you as a development friend, it would be great. Are you German? Because looks like. =]

  • @gex8327
    @gex8327 3 роки тому

    Thanks a lot! Can you make a tutorial about an app that helps you to rent cars or book hotels or simply show how to implement rent functionality?

  • @gamechu69
    @gamechu69 3 роки тому

    Hello Johannes , could you please create a video on smart contract where document and signature are both captured together

  • @adeeshaperera2391
    @adeeshaperera2391 3 роки тому

    Can I use this code for tablet views? When I use it, after pressing tick mark to save the image it shows that I can not save it. But in mobile phone view, it is working well.

  • @auliasabril1899
    @auliasabril1899 3 роки тому

    Great job mike, thansk

  • @matthiasmeyer7019
    @matthiasmeyer7019 3 роки тому

    Thanks for this awesome tutorial! Could you tell me how to convert the signature to a PDF file?

  • @suhas_joshi
    @suhas_joshi 3 роки тому +2

    Please upload ecommerce app related some videos also
    Useful tutorial 👌 thank you for guidance

  • @mandar_khandagale
    @mandar_khandagale 3 роки тому

    My penstrokes goes outside the signature widget when i didn't used a fixed width to a signature? can you help me with this?

  • @wahyualfandi611
    @wahyualfandi611 3 роки тому

    this tutorial is really helpful, thanks,
    i have a request, can you make a tutorial about generating and exporting qr to gallery or sharing it?

  • @DL-gg3sb
    @DL-gg3sb 2 роки тому

    On the flutter web, Can we set the background by using RepaintBoundary and save this image?

    • @DL-gg3sb
      @DL-gg3sb 2 роки тому

      @@HeyFlutter Thank you, Always looking forward to following your work.

  • @marianazarovaa9552
    @marianazarovaa9552 3 роки тому

    please how i can change the background into bakchground image ?

  • @programmingwormhole
    @programmingwormhole Рік тому

    Can i upload the signature to firebase storage?

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Thank You @programmingwormhole! Follow this link: stackoverflow.com/questions/69634089/flutter-signature-upload-to-firebase-storage
      I hope you will get your answer 🙂

  • @poonamcode
    @poonamcode 3 роки тому

    how to convert signature in to image and save it in specific url in flutter ??

  • @softdev8229
    @softdev8229 2 роки тому

    Is it possible to convert signature to text

  • @Nobisuke
    @Nobisuke 3 місяці тому

    how can i disabled button when signature is empty then enabled again after drawing?

    • @HeyFlutter
      @HeyFlutter  3 місяці тому

      Thank You @Nobisuke! Follow this link: stackoverflow.com/questions/52468987/how-to-turn-disabled-button-into-enabled-button-depending-on-conditions
      I hope you will get your answer 🙂

  • @hemantsingh9496
    @hemantsingh9496 3 роки тому

    i cant save the image, image is not saving in gallery because it cant get a new name, would appreciate the help.

  • @aashkachaudhari1572
    @aashkachaudhari1572 3 роки тому

    Is it legally binding?

  • @arnaudduquenoy2061
    @arnaudduquenoy2061 3 роки тому

    Hello i tested it on ipad and it crashes when trying to save the drawing. Flutter apps seem a little sensitive when touching the core components of the ios devices (facial recognition / save image to disk..) ? I hope not saying stupid things.

    • @arnaudduquenoy2061
      @arnaudduquenoy2061 3 роки тому

      Hello Johannes you are totally right ! info.plist ... i'm a poor little student :-)

  • @kthehatter
    @kthehatter 3 роки тому

    i was wondering how can i store it in cloud firestore

    • @kthehatter
      @kthehatter 3 роки тому

      @@HeyFlutter thanks man you are a hero

  • @vivekpathak1719
    @vivekpathak1719 2 роки тому

    How to export the signature with post api to the database

    • @vivekpathak1719
      @vivekpathak1719 2 роки тому

      I don't want to save the signature in the device but I have to directly post it to database by using multipart form data. Any idea sir ?

    • @Bahne123456
      @Bahne123456 Рік тому

      Any updates?

  • @johnrm9
    @johnrm9 3 роки тому +1

    Fun lesson. I had a bit of trouble saving the image on an Android device so I found out that the file system
    doesn't like embedded colons (':') so in class SignaturePreviewPage extends StatelessWidget {
    ...
    Future storeSignature(BuildContext context) async {
    final PermissionStatus status = await Permission.storage.status;
    if (!status.isGranted) {
    await Permission.storage.request();
    }
    final String time = DateTime.now()
    .toIso8601String()
    .replaceAll('.', ':')
    .replaceAll(':', '-'); // No colons in file name
    final String name = 'signature_$time.png';
    final Map result =
    await ImageGallerySaver.saveImage(signature, name: name);
    final bool isSuccess = result['isSuccess'];
    final String filePath = result['filePath']; // Could be null
    debugPrint(name);
    debugPrint(filePath);
    debugPrint(isSuccess.toString());
    if (isSuccess) {
    ...
    I'll have to try it on iOS .. I think info.plist must be modified...