Deliver Autograph Image with airSlate SignNow

Deliver autograph image

we will create a delivery app where the delivery guy can ask for a signature based on it we will create an invoice pdf document with the signature of the customer included so all in all we will use syncfusion packages to display a signature pad and also to generate the pdf document including some text images and we will also save this pdf document if you are new here subscribe to my channel and make sure to watch this video till the end let's get started by creating the signature pad first therefore we make use of the syncfusion flutter signature package with which you can then create here signature pads therefore let's get started within our build method and here inside we want to create then a signature pad widget and now if a hot reload i can basically draw here inside my signature to make use of this widget you also need to go to your pubspec journal file and here you need to include then the syncfusion flutter signature under your dependencies you also can give here a background color for your signature pad and now our signature pad has a yellow color with some opacity next we want to click on the submit delivery button to actually then save our signature and also generate here a pdf document where our signature is included and therefore to access our signature from our signature pad we need to add here a key and then we basically add here a key signature pad within our state which is an of global key signature pad state and with this global key we can examine the state of our signature pad therefore i go here to our scaffold and here i go all the way down where i have implemented here also this button which you see here at the bottom and if we click on this button then we want to use our key let's simply create a new method on submit and inside of this method we want to call then key signature pad and then we can access the state of our signature pad and here you have basically a method to image to get them the image of our signature and next we want to put this image of our signature then inside of our pdf document that we will generate and to achieve this we want to convert here our image object to the byte data and inside of this message to byte data we also need to define then the format of our image and therefore i define here that it is a png format and now based on the signature image we want to create our pdf document and therefore we want to display first of all a loading indicator if we click on this button and after it we want to call then the pop message to hide our loading indicator again next we want to generate a pdf document and therefore...