Create pdf file in your app | Create, PDF | amplifyabhi

and tap on create PDF here and  try to open this file again and here you can see tested is also been added to  the existing file so in this way you can create a   PDF file in your flutter application by following  this particular tutorial so I suggest you to watch   this tutorial till the end so that you can avoid  few errors you might be getting when using this   particular plugin and trying to create a PDF file  and also as I have said earlier go through this   particular tutorial on PDF file reader so that you  can read the PDF file which we have created now   in this Vlog we are going to see the  creation of PDF file in your flutter   application so in our previous tutorial  we have seen how to read a PDF file   in the flutter application and in this  tutorial we are going to create a file   so I suggest you to watch this tutorial before  getting started with the creation of PDF file such   that you will be aware like how to read a PDF file  and after going through this particular tutorial   like creating a PDF file you can append the  previous tutorial and you can read the PDF file   as well in your flutter application so now let's  get started with this particular tutorial foreign [Music] so the very first thing we need to add a PDF and  path provider dependencies in our Pub spec file   so with the help of PDF we are going to create a  PDF file and with the path provider we are going   to fetch the exact location in your device where  we can store the PDF file which we have created   so again you can just customize this location  depending upon your application requirement that   is like internal storage or external storage  or you just want to create a separate folder   so all these customizations if you are having  any trouble in creating a directory or making   these customizations to let me know in the comment  section below I will try to help you so now let's   get started by importing the material.dot here so  this is the very first step and then let us try   to specify voidment and if you are familiar with  all these steps you can just directly skip into   the tutorial so now let us try to specify run  app in which I am going to specify my app here   so now let us try to specify a stateless widget  over here so we don't require stateful widget here   and a simple stateless widget will do the needful  in this tutorial so now instead of returning a   container let us try to return a material app  and inside which let us try to specifies scaffold   using which we can form the skeleton of the  application and let us try to specify the app bar   here and title with the help of a text widget and  here I am going to just specify like create a PDF   again this is a title you can just customize it  according to your requirement and in the body   here let us try to specify container instead  of container let us try to specify Center here   and within the center I would like to specify  a text button so just I have only a button over   here so let's try to specify on pressed here and  in this part of the tutorial I am going to show   the basic aspect of creating a PDF file and you  can add an input text field and accept an input   from the user and add that input to your PDF file  as well so you'll get a very good Clarity on how   to create a PDF file then you can customize this  tutorial as then how you require it so the next   thing is let's let us try to specify child here  and with the help of a text widget let us try to   make it like a create PDF within the on press  we are going to specify a method called make PDF   and to which you can just try to specify any  information if you want but I don't have any   specific information right now so within the  method itself I am going to specify some static   data and here we need it to be a type of future  here because we are going to create a PDF file   and we are going to store it into our storage that  is like external or internal storage in our device   so it requires asynchronous operation here and now let us try to create a object like PDF   from document here so the first  thing we need to do is like import PDF which we have added in our dependency here  so which we have declared previously right here   PDF dependencies so we need to make use of  it over here and now let us try to specify   document here so here the common mistake you  might be getting here is like whenever you   specify document here by default dot HTML will  be import so just remove this and instead of this   you need to make use of the so make use of this  particular package PDF here and try to specify   widgets and your document will be getting from  this particular import and one more thing you   need to notice over here whenever you specify  this particular import you will get all these   errors over here so now let us try to remove these  Errors By specifying this particular import as   I'm just specifying it like P here  so whenever you are going to make   use of that particular import you can  make use of it like P dot document or P dot any widget there so now let's make use of  our PDF object here and try to add a page here so   we are going to add the first page in our document  and to add this also we need to make use of P Dot   Page here and within the page we do have a build  here so let us try to specify context and now   and return a column now so P dot here you can  see all the widgets which you use in or in your   basic flutter application so I am going to  select a column here and within the column   you can add multiple children as we already know  this so let's try to make use of here text field   so everything is been appended by P dot here and  don't get confused p is the import which we have   customized here and here I'm going to specify and  here I am going to specify amplify I'll be here   and now you can also add one more text field  over here so you can just like specify like   text and here you can specify some text here  I'm going to specify Android coding dot in   and these are my two text which I  wanted to be present in the PDF and now   this is the creation of PDF but you need to store  this particular file in the location right so you   need to make use of path provider here so let's  make sure like you are within the brackets over   here and try to specify the creation of file  also here itself so make use of directory here so whenever you add path provider here you  can make use of this particular functionality   to make use of await here and get application  documents directory and here again you do have   various options so I am going to select documents  directory here and try to collect this particular   path in a string here so let us try to correct so  now we need to specify the path here and also the   name of the file so here let us make use of root  here which we have declared above so here root   Dot path so you will be getting the exact path  here and you need to append it with your file name   so I am going to specify like test dot PDF and  here at this particular location your file will   be saved here like test dot path test dot PDF  and now let us try to add our data into the file   so file equal to you need to specify  a file with this particular path okay so what we are saying here is like we are  going to create a file in this particular path   so now you can just directly you need to add  a weight first and then file dot you need to   write as bytes here and then again you need to  specify a weight and make like PDF dot save here okay so here you can see this particular PDF is  nothing but the document which you have created   above so this is the name of the object and  you are trying to save it over here and also   to avoid confusion I am going to print the path  here so that you can find out the exact path now   while you want to test it with  the file was stored exactly   then you can make use of this particular  functionality let's add press here and partner   and now let us try to run this particular code and  see the output once so our emulator is started and   now let's try to run this particular code and  check the output once and here I have not added   any permission now like write storage or read  storage in this particular tutorial so now here   you can see our application is now successfully  installed on our emulator and the create PDF   button is also aligned to the center of the screen  and now before tapping on this particular button   make sure you are having device file explorer  here or else you can just go through the   view in the Android studio and from there  you can select the tools window and here you   can find device file explorer if you are not  able to find device file explorer over here   so let's tap on this and you can see the file  explorer is opened up for our device here and   when you tap on create PDF here our PDF file has  been created and also the path is printed here   so you can just easily navigate so you  can just go into the data here and the   next folder is user here and go into the  user folder and inside 0 folder here you   need to find your package so com dot  example dot flutter underscore basics so here you can find the package here and inside  which it is saying like app underscore flutter   and there you can find the test.pdf file over  here and now let us try to open this particular   file and here you can clearly see what the  message we have printed like amplifier B   Android coding dot in here and let's try to add  one more file here I'm just going to specify it   like tested and try to run this particular  code here okay we have not added comma over   here so let's try to rerun this code and tap on  create PDF here and try to open this file again and here you can see tested is also been added to  the existing file so in this way you can create a   PDF file in your flutter application by following  this particular tutorial so I suggest you to watch   this tutorial till the end so that you can avoid  few errors you might be getting when using this   particular plugin and trying to create a PDF file  and also as I have said earlier go through this   particular tutorial on PDF file reader so that you  can read the PDF file which we have created now   so this is it for this particular tutorial  so the code for this tutorial I will be   providing the description section below  and if you are having any queries do   let me know in the comment section  below if you like this tutorial do   like share and subscribe to our channel  for more interesting content on flutter

Channel: amplifyabhi coding

Views: 2,438

Keywords: flutter, flutter pdf, pdf in flutter, flutter pdf viewer, flutter pdf tutorial, flutter tutorial, how to create pdf in flutter, flutter pdf example, flutter pdf download, flutter pdf generation, flutter pdf editor, flutter pdf viewer tutorial, flutter pdf creator, flutter pdf generator, flutter pdf viewer plugin, pdf, flutter pdf video, flutter preview pdf, flutter pdf creation, flutter download pdf, flutter pdf reader, how to generate pdf in flutter

Id: 8hhd2KmqQHE

Length: 14min 11sec (851 seconds)

Published: Mon May 08 2023