Flutter Tutorial - Create Invoice PDF Document

[@HeyFlutter]

👉Join 12 Week Flutter Training: heyflutter.com 👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f Source Code: github.com/JohannesMilke/generate_pdf_invoice_example PDF Viewer Tutorial: kzbin.info/www/bejne/q5rdi5WAjN-ce8k Create PDF With Headers & Texts Tutorial: kzbin.info/www/bejne/b5_Li4JubdVkors Create PDF With Images & Tables Tutorial: kzbin.info/www/bejne/bpuZeH6qpbeepdk Secure Storage Tutorial: kzbin.info/www/bejne/haLLo6uhlMtkiKc Shared Preferences Tutorial: kzbin.info/www/bejne/qauynZ9-iZaGbbs Speech To Text Tutorial: kzbin.info/www/bejne/oKjPmHuCfat8oMU QR Code Scanner Tutorial: kzbin.info/www/bejne/kGSViKaLnrSYndU Bar Code Scanner Tutorial: kzbin.info/www/bejne/e6vdqWObfqdnja8 Share Texts, Images & Files Tutorial: kzbin.info/www/bejne/Y4HQhnmYl6ZgfNU Onboarding UI Screen Tutorial: kzbin.info/www/bejne/eYLPcmWmYpKie8k Native Splash Screen Tutorial: kzbin.info/www/bejne/bn6oaXawpshghcU ToDo App Tutorial: kzbin.info/www/bejne/oX-cipmaacuoZpY Shop UI Tutorial: kzbin.info/www/bejne/eYK9o2B9jcqSlbs Tinder App Tutorial: kzbin.info/www/bejne/rGLaoJmepNqneM0

[@kbdub16]

huge thumbs up! great video on how to make customizable pdf invoices in flutter. I am now taking an example.

[@HeyFlutter]

Thank you, @user-ut9fb6cl5q! 🙂

[@dhruvikdetroja1993]

Thanks Bro I am planning to develop a app for my business and this is very helpful

[@Apenschi]

Wieder ein richtig nützliches Video! Danke! Weiter so!

[@almamun2565]

Easy one i have ever seen related to dynamic pdf generation

[@johnpeter122]

Thnx for this tutorial, it was helpful and very clear.

[@demarco6967]

you deserve more subs 🙌😍

[@llewellynleesan77]

Youre an absolute legend

[@eQ-13]

Very useful functionality. Thank you Johannes

[@flynray5851]

you are the best ^^

[@HeyFlutter]

Thank you, Flyn Ray! 🙂

[@erickmather]

Great video!! You are a really good teacher, thanks

[@gheorghepascu4726]

Your videos are perfect!

[@HeyFlutter]

Thank you, Gheorghe Pascu! 🙂

[@khanisrarahmedalihusain]

Thank you so much.

[@parasdhiman2300]

How to get data value from user and insert in table ? Value should be taken using map or list ?

[@khamphaydev4517]

This video it's helpful 👍👍👍. Thanks bro.

[@parthdesai84]

Exactly what I needed!!!

[@ahercode]

Exactly what I have been looking for. Thank you sir. But please I want to use it for a web app and this video is for mobile app can you guide on what to do please.

[@HeyFlutter]

Thank you, Ahercode! 🙂. It works in web as well.

[@pria-hebat]

Great tutorials, thanks man

[@HeyFlutter]

You are welcome, Badminton Update!

[@eNONO-ot4zh]

Nice vidéo again👍

[@eNONO-ot4zh]

​@@HeyFlutter when I generate the document in french, I have an error: PDF document does not support character "€" and "nœud " help please

[@byronbruno8780]

Simply amazing

[@HeyFlutter]

Thank you, Byron Bruno! 🙂

[@eshietekemini1743]

Great tutorial. Super helpful. Keep it up

[@ItsCinemaVerse]

Really very helpful

[@ItsCinemaVerse]

@@HeyFlutter please make a video on how to make face filters for flutter app like Snapchat Pretty please 🥺🥺🥺🥺

[@niloysikdar6748]

First, keep up the awesome work 💖

[@carloscaxaj]

Thank you so much, Is very interesting! I like you're code!

[@HeyFlutter]

Glad to hear that, Thank you carlos caxaj! 😊

[@meetmehta8449]

Very useful video thanks

[@HeyFlutter]

You are welcome, Meet Mehta!

[@cristiangomez7807]

Again amazing!

[@ashiqinredzuan3699]

hi, is the qr code will generate a new one everytime it produce new invoice?

[@godwinadejoh]

Great video, Thank you very much, what if I want to send as an attachment to an email or upload it to firebase, and can I add images from firebase?

[@HeyFlutter]

Thank You Godwin Adejoh! Follow this link: stackoverflow.com/questions/52191090/flutter-how-can-upload-pdf-file-to-firebase-storage. I hope you will get your answer 🙂

[@medhatmohamed3606]

Nice and simple 👏🏻✌🏻

[@janammaharjan2699]

Milke I am running into a problem the pdf is not generating in flutter web. it is generating only in android device. please help.

[@guisouleymane2542]

superbe vidéos très bien détaillé

[@HeyFlutter]

Thanks, @guisouleymane2542! 🙂

[@shatrughansharma743]

Great work!! Thanks for this video. But one think that can we fetch data from firestore and export in .pdf

[@shatrughansharma743]

@@HeyFlutter I request you, please make one video on my query subject.. it will help me

[@BB-ph3qe]

Hello, thanks for sharing your knowledge, it is possible to automatically download and save locally, when opening the generated pdf

[@HeyFlutter]

Thank You B B! Follow this link: stackoverflow.com/questions/54197053/download-file-from-url-save-to-phones-storage I hope you will get your answer 🙂

[@seerwanwaleed3621]

thank you,i want to help please, is there a way to print directly this invoice after pressing a button on the Bluetooth printer?

[@HeyFlutter]

Thank You @seerwanwaleed3621! Follow this link: deveenrath.medium.com/flutter-pos-receipt-printing-ada7c1c7c33f I hope you will get your answer 🙂

[@DungLe-eg8qo]

Great, Could you make a video about import file

[@govindkushwaha958]

Thank you so much sir, can you help me with the error I am getting which is Helvetika-Bold, Helvetika, and Courier

[@HeyFlutter]

Hey, @govindkushwaha958 🙂 Can you please be clearer with the issue

[@govindkushwaha958]

And because of that pdf is not generating

[@ijime4845]

Great video! can you upload a video on how to print something via Bluetooth

[@HeyFlutter]

Thank you, Imesh Jeewantha! You could learn more about print over bluetooth here: stackoverflow.com/a/54906151

[@Badjoca100]

This is perfect! But How can I input a PieChart in this document?

[@sami-dev]

Hi. Thank you so much. Could you please tell me how to make this work for windows as well since when I click on generate pdf it does nothing on windows,

[@HeyFlutter]

Thank You Sami Ullah! Follow this link: maneesha-erandi.medium.com/pdf-creation-with-flutter-bac7e2753b89 I hope you will get your answer 🙂

[@sami-dev]

@@HeyFlutter Thank you! The problem was actually the name of pdf file that I had set. It contained some characters that Windows won't allow for file name.

[@reemosman2207]

You are the best

[@gnrslashsp6501]

I'm speechless now ... This class was incredibly wonderful, I’m very serious Creating documents, viewing printing and printing are very difficult things in any language, except flutter !! If you need help one day ... just ask me !!! Thank you very much man, you are an amazing person! Just a few questions: imagine that I have 10 tables with 5 lines each to print. However, a table can never be divided between pages. How can we do this? Is there any way to know how much space each widget will occupy on the page and so I could calculate the space left over to know if the table will fit on this page or if I have to skip to the next page? By the way, how do we put a page break?

[@gnrslashsp6501]

@@HeyFlutter Thanks for the answer, as I don't speak English very well, I don't think I was clear. Let me try one more time. I have a specification, a table must start and end on the same page, and my tables are no longer than 10 rows, but I don't know how many rows they will have because it varies for each table. So, is it possible to have a measurement before placing the table on the page, if it will fit or do I have to start a new page?

[@chind0na]

@@gnrslashsp6501 You could probably calculate row height to the page size.

[@HeyFlutter]

Great, thank you, †GnR† SlashSP! 🙂 You can simply add more entries to your table and you will see that a table spans through multiple pages without any problems. If you have a long table that occupies 3 pages, then on each page you will see again at the top the header of the table and below the data.

[@DanielDaniel-qq7hk]

In case of a table are bigger than the space you have, you have to create one table by one page in build of Multipage, you have to calculate how many lines can to contain that space and when the space are full you have to create a new table... I am sorry by my bad english. 😄

[@meenuestic]

hey! i just wanna ask a question... what does this app is use for?

[@HeyFlutter]

Thank you, meenuestic! 🙂. It is used to create invoice in pdf.

[@Zahiduljahin5]

But if the user can't put the value from app, what's the purposes of this app. Do you think every time the user open the android studio, change the value and then open his phone and will get the invoice?

[@meenuestic]

@@Zahiduljahin5 exactly istg!!!

[@matthew.learner]

Now I want to print this PDF invoice, any tutorial for this?

[@being_najeeb1090]

@@HeyFlutter sir can u make short tutorial on this plzz

[@HeyFlutter]

Thank you, Matthew Learner! You could learn more about to print this PDF here: pub.dev/packages/printing

[@AlwadehIT]

Hi Johannes, Thank you so much for this good tutorial, I have a simple question.. How can I save and print the generated pdf invoice in Arabic letters as right now the existing accept to generate only English pdf invoice. Your early feedback would be highly appreciated.

[@HeyFlutter]

Thank You الواضح تقنية معلومات! Follow this link: medium.com/@aboayman27x1/flutter-pdf-creation-with-arabic-context-fff4b89f5d4d I hope you will get your answer 🙂

[@uguur]

Hi Johannes, is it possible to create automatic pdf document with the screens of the my app ?

[@uguur]

@@HeyFlutter i have an web app. I want to that if people right click to screen and after that click the print, they will print the page completely. But problem is my page has singlechildscrollview so they only print top of the page not the complete of the page.

is there anyway we can read a template and only change certain tags?

[@HeyFlutter]

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

any luck with this? i still didnt find a solution @@HeyFlutter

[@commie563]

How can create a pdf invoice designer, so the user can able to design their own invoice layouts? Thanks for the super helpful video

[@HeyFlutter]

Thank you, Thahir Ahmed! 🙂

[@kentthomas1045]

Do you have a class on making PDFs with flutter?

[@HeyFlutter]

Thank You Kent Thomas! Follow this link: maneesha-erandi.medium.com/pdf-creation-with-flutter-bac7e2753b89 I hope you will get your answer 🙂

[@02565120]

can you make a video on how to print the same over bluetooth

[@omarmohamed6075]

It is amazing 👏

[@paulpoyyayil]

Is there a way to make table span over multiple pages?

[@HeyFlutter]

Thank You Paul Poyyayil! Follow this link: stackoverflow.com/questions/67847619/how-to-make-a-table-in-pdf-span-multiple-pages-in-flutter-app I hope you will get your answer 🙂

[@paulpoyyayil]

@@HeyFlutter Thank you so much

[@djcali00]

Hi, Thanks for the tutorial. I'm using Flutter Web and i'm running into issues because path provider does not support web. Do you have any workarounds?

[@djcali00]

@@HeyFlutter Thanks for the reply! Really all I want to do is generate the document, open it and then have the option to print it.

[@HeyFlutter]

Thank you, J.Cali! 🙂 What is your requirement from path provider ? as web applications should download files we don't store them at custom path

[@kentthomas1045]

Can this be done with used input, a user chooses what should end up on the PDF from a drop down menu?

[@HeyFlutter]

Thank You Kent Thomas! Follow this link: stackoverflow.com/questions/49273157/how-to-implement-drop-down-list-in-flutter I hope you will get your answer 🙂

[@Mary-xi7yv]

Awesome Video!! But How can I conver HTML to pdf, can I use this package?

[@HeyFlutter]

Hey 😊, Mary! Check out this package: pub.dev/packages/flutter_html_to_pdf

[@EmmanuelJoseph-k7q]

Please, how can I add image to the PDF document from Firebase storage? Thank you in advance.

[@HeyFlutter]

Thank you for the suggestion! We’ll definitely consider it for our future content ideas.

[@javadmahmoodi2469]

Hi. Thank you very much for your good training. It is very useful and practical. Can you teach us how to execute custom code written in SWIFT or Java and the file of those codes is available in the filter?

[@javadmahmoodi2469]

 you're welcome. Of course, another very interesting thing is that we can import and save information in an Excel file 😉

[@HeyFlutter]

Thanks for your idea, Javad Mahmoodi! 🙂 Yeah, platform-specific code would be interesting as a video.

[@tokinfernal]

Hello, I copied your project from the repo and it doesn't work on android at all. It doesn't show any errors and I tried everything to debug but nothing. The pdf file does not open in android simulators or device. Could you help me?

[@HeyFlutter]

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

[@khalidmeftu2226]

Is it possible to generate multiple pages of invoice

[@HeyFlutter]

Thank You khalid meftu! Follow this link: www.syncfusion.com/forums/161086/how-to-create-multipage-pdf I hope you will get your answer 🙂

[@taemarow8437]

i have a problem with pdf package says " Cannot run with sound null safety" ... could you please tell me what should i use instead of it ? or if i can fix the problem what should ido

[@HeyFlutter]

Hey, Tae Marow 🙂 please use latest version of pdf package

[@taemarow8437]

​@@HeyFlutter thank you

[@pranavvariar2751]

Bro I have used the printing package for flutter but the thing is the printing popup comes for windows but in my linux vm the app just crashes when i hit print.

[@sagarchandrachanda7989]

Is this pdf document printable in pos printer? If not how to do it for Pos printer

[@HeyFlutter]

Thank you, SAGAR CHANDRA! 🙂. I guess, it is.

[@mangou4]

how can I let the Invoice items auto generate using a for loop? otherwise this is almost what I'm looking for. I'm new to flutter.

[@mangou4]

@@HeyFlutter I tried list view builder , loops and no success yet. Please help me

[@kalpanakappi8138]

how to create validation from in pdf format. I want this format. Please help me.

[@sanjibdutta9270]

Nice one

[@thushankalana4940]

Sir, How to retrive firestore values into this invoice bill.

[@HeyFlutter]

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

[@raysonlim4067]

Can you able to make this feature available for ios?

[@fespyanko]

how can I go from here to create an app that allows the user to create his invoice and send to his clients?

[@HeyFlutter]

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

[@fespyanko]

@@HeyFlutter Can you help with that?

[@herndev]

How do I add image on the invoice pdf file like a company logo?

[@jedzzi]

How to add an image? I want to change the barcode with an image from assets.

[@mdrabbihossen7602]

sorry for this , after see your video only 4 minutes I just demotivated in flutter :) everything doing randomly :) most of things you did before :) and that's not fair :)

[@HeyFlutter]

Thank you, MD Rabbi Hossen! 🙂.If you find it difficult to understand, you can still ask question here.

[@basuendigeri1378]

Hi Need to know how to merge row using flutter

[@basuendigeri1378]

@@HeyFlutter Thank u will try

[@airtonleandroseidel7067]

It runs on web? Or just mobile?

[@HeyFlutter]

Thank you, Airton Leandro! 🙂 it works on android and ios

[@simplesolutions2477]

my expert!

[@rifathossain2043]

pdf created but later I don't see my any folder or ApplicationDocumentsDirectory. Can you explain me this issue?

[@HeyFlutter]

Thank You Rifat Hossain! Follow this link: stackoverflow.com/questions/69719800/flutter-save-a-generated-pdf-from-preview-page-with-a-custom-function I hope you will get your answer 🙂

[@gatesfranck4973]

hello, it's very good thank you, you already facilitate me a job, but I have a problem, instead of the Qr code, I want to insert an image, a logo, I do not arrive, he tells me that Image.assets(); don't have a Widget. aodez , I need help, please

[@gatesfranck4973]

because the problem of static methods has pertube me so I prefer to declare the object in them even and thus use them

[@gatesfranck4973]

@@HeyFlutter Hi Sir, in fact, Android Studio does not inform me of any error, just underlines the widget in red and tells me that it is not a widget, but it is a widget I read the code well, but the image type widget does not work! it's strange, but I would like to insert an image on it, I think the problem comes from the pdfi_api and generate_invoice files, you have no idea how to do it?

[@gatesfranck4973]

You have a discord, or something a little less cumbersome than KZbin comments ?

[@glipotions818]

Great video! Thanks. Do you know how to change font of pdf? Because Special characters appear as boxes in Helvetica font. Console warnings: -Helvetica-Bold has no Unicode support -Unable to find a font to draw "İ" (U+130) try to provide a TextStyle.fontFallback -Unable to find a font to draw "Ş" (U+15e) try to provide a TextStyle.fontFallback

[@glipotions818]

@@HeyFlutter thank you! it works🥳

[@HeyFlutter]

Thank You Glipotions! Follow this link: stackoverflow.com/questions/68083391/how-to-change-the-font-in-a-text-widget-in-the-flutter-pdf-library I hope you will get your answer 🙂

[@sherwinromero1323]

can you show how to do that with firestore?

[@eNONO-ot4zh]

when I generate the document in french, I have an error: PDF document does not support character "€" and "nœud " thank for help

[@HeyFlutter]

Hello, e.NONO! Follow this link: stackoverflow.com/questions/57638851/i-am-trying-to-generate-pdf-in-flutter-application-using-pdf-creation-library, I hope it will solve your problem. Thank You 🙂

[@deekshareddy1784]

Could you please make a video on how to convert text to video and vice versa using streamchat API.

[@HeyFlutter]

Thanks for the idea, Deeksha! 🙂 I have added it to my list of ideas for future videos! Check also my tutorial out about Text Recognition in Images: kzbin.info/www/bejne/in-upXqFj7d0a9E

[@krutarthbhavani9975]

please make video "form to pdf from user input in flutter"

[@HeyFlutter]

Thank you, Krutarth! 🙂Simply watch my tutorials about Forms & PDFs below: 1. Create PDF With Headers & Texts Tutorial: kzbin.info/www/bejne/b5_Li4JubdVkors 2. Create PDF With Images & Tables Tutorial: kzbin.info/www/bejne/bpuZeH6qpbeepdk 3. Form & TextFormField Tutorial: kzbin.info/www/bejne/aKPRZIuYd86dr5Y 4. Forms & Global Key Tutorial: kzbin.info/www/bejne/oJ29aXqMlJihpM0 5. TextField Tutorial: kzbin.info/www/bejne/eWbLe3yBeLmlrM0

[@ravindrametri1681]

Best video, how to create hindi + English PDF file

[@ravindrametri1681]

@@HeyFlutter sir , use Marathi font its Marathi text not rendering correctly,. My string is दिवस But its shows दविस Or my string मेत्री Its shows मेतरी

[@HeyFlutter]

Thank You Ravindra Metri! Follow this link: stackoverflow.com/questions/65640742/trying-to-create-a-pdf-in-different-languages-in-flutter I hope you will get your answer 🙂

[@ravindrametri1681]

@@HeyFlutter there is no solution sir

[@aminez5354]

A video to load and print pdf in flutter please

[@aminez5354]

@@HeyFlutter thank you !

[@AdenDeveloper]

does it support arabic language or only english

[@HeyFlutter]

Thank You Aden Developer! Follow this link: docs.flutter.dev/development/accessibility-and-localization/internationalization I hope you will get your answer 🙂

[@KesitlerYGA]

Does anyone know how I can do this with swift?

[@cestencorepossible5570]

Hi sir please I Want to do that with flutter web can you help me

[@HeyFlutter]

Thank You c'est encore possible! Follow this link: stackoverflow.com/questions/63480298/pdf-file-generation-with-flutter-web I hope you will get your answer 🙂

[@eng-ammaralsaiary545]

I get an error after pressing the button "Sorry, the path was not found"

[@HeyFlutter]

Hello, eng-Ammar Alsaiary! Follow this link: github.com/dart-atom/dart/issues/528, I hope it will solve your problem. Thank You 🙂

[@modernfarmer1736]

Bro please make pos app tutorial

[@HeyFlutter]

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

[@neteshpaudel724]

How do I remove right side margin of pdf ?

[@HeyFlutter]

Thank You Netesh Paudel! Follow this link: stackoverflow.com/questions/57730800/how-to-remove-a-cards-inner-padding-in-flutter I hope you will get your answer 🙂

[@mohamedabdelkhalekgoda7771]

any one has this error about the font . this is not the problem . i use an emelator and gave me this error but you should use real mobile . it work fine

[@HeyFlutter]

Thank you, mohamed abd el khalek goda! 🙂. Try to provide enough details with your question whenever you face any issue.

[@Justin_Roy]

I'm Not Able To Clear Previous Write On PDF Why 🤔🤔 !! It Will Overwrite It..

[@Justin_Roy]

@@HeyFlutter Not UseFul 😓.. Can U Please Make Video On How Can We Write Again And Again In PDF ...

[@HeyFlutter]

Thank You Justin Roy! Follow this link: medium.com/flutter-community/edit-a-pdf-in-flutter-6a80f8aa7dfd I hope you will get your answer 🙂

[@dev.faizan]

Wow 😇🤗

[@sagarchavan1642]

How to add hyperlink text in pdf?

[@HeyFlutter]

Thank you 😊, Sagar Chavan! Check out this article : help.syncfusion.com/flutter/pdf/working-with-hyperlinks

[@harneetsinghchanna]

Helvitica has no unicode support

[@HeyFlutter]

Thanks for your feedback, @harneetsinghchanna! 🙂

[@DL-gg3sb]

Is that work on flutter web?

[@DL-gg3sb]

@@HeyFlutter Thank you, this video so useful.

[@igor10ms]

how can i put a image in the PDF?

[@HeyFlutter]

Thank You Igor miranda souza! Follow this link: stackoverflow.com/questions/67466037/pdf-flutter-how-to-attach-images-jpg-png-etc-from-assets-into-a-pdf I hope you will get your answer 🙂

[@reliableapp468]

Is this working in web?

[@reliableapp468]

@@HeyFlutter How can i change values of it from firestore?

[@zeroneakai5796]

Does this use firebase?

[@HeyFlutter]

Hey, @zeroneakai5796 🙂firebase is not required for creating PDFs. If you are interested in learning more on firebase please check out this playlist: kzbin.info/aero/PL1WkZqhlAdC9TgTee50FWiiwVZ6kQg4W7

[@rakibulislamvfx]

can you do beginner tutorial, please! I am begginer and I am not understanding video 😢😢

[@HeyFlutter]

Hey 😊, @user-oh6cw5te6u! Check out this playlist: kzbin.info/aero/PL1WkZqhlAdC_Tr3GFYq3W0KYfX49_FiNA It focuses on beginner level things

[@TrikNgonlen]

not the first on comment, but on the thumb ^_^

[@chepchanseyha9618]

some fonts not support

[@HeyFlutter]

Thank you, CHEP Chanseyha!😊, This is not possible with this package. Simply file an issue here: github.com/DavBfr/dart_pdf/issues