- 49
- 512 574
Programming Night
Sri Lanka
เข้าร่วมเมื่อ 25 เม.ย. 2014
My name is Sameera Perera and I'm a Mobile application developer living in Colombo, Sri Lanka.
Flutter Web PDF Generate and Download
In this video, we'll show you how to generate and download PDF files in Flutter Web using the Syncfusion_flutter_pdf package. We'll walk you through a complete example code that demonstrates how to create a PDF document with data and how to save it to the user's device for offline use.
First, we'll set up our Flutter Web project and install the Syncfusion_flutter_pdf package. Then, we'll create a PDF document with multiple pages and add various content elements to it, such as headers, rows. We'll also customize the document's layout, styles, and properties to fit our needs.
Next, we'll implement the PDF download functionality by using the Flutter web_file_saver package to prompt the user to download the PDF file to their device.
By the end of this video, you'll have a fully functional Flutter Web app that can generate and download PDF files using the Syncfusion_flutter_pdf package. This tutorial is suitable for intermediate to advanced Flutter developers who want to enhance their skills in web app development and PDF generation.
Code example:
The code example for this tutorial can be found on our GitHub repository github.com/Sameera-Perera/Flutter-Web-PDF-Generation-and-Download. Please feel free to fork and modify the code for your own use.
Thanks for watching! Don't forget to like and subscribe to our channel for more Flutter Web tutorials.
Follow me:
Instagram | dev_sameera_perera
Medium | masrkperera.medium.com
Twitter | Sameera80424106
GitHub | github.com/Sameera-Perera
Website | sameera-perera.com/
First, we'll set up our Flutter Web project and install the Syncfusion_flutter_pdf package. Then, we'll create a PDF document with multiple pages and add various content elements to it, such as headers, rows. We'll also customize the document's layout, styles, and properties to fit our needs.
Next, we'll implement the PDF download functionality by using the Flutter web_file_saver package to prompt the user to download the PDF file to their device.
By the end of this video, you'll have a fully functional Flutter Web app that can generate and download PDF files using the Syncfusion_flutter_pdf package. This tutorial is suitable for intermediate to advanced Flutter developers who want to enhance their skills in web app development and PDF generation.
Code example:
The code example for this tutorial can be found on our GitHub repository github.com/Sameera-Perera/Flutter-Web-PDF-Generation-and-Download. Please feel free to fork and modify the code for your own use.
Thanks for watching! Don't forget to like and subscribe to our channel for more Flutter Web tutorials.
Follow me:
Instagram | dev_sameera_perera
Medium | masrkperera.medium.com
Twitter | Sameera80424106
GitHub | github.com/Sameera-Perera
Website | sameera-perera.com/
มุมมอง: 4 944
วีดีโอ
Flutter Image Crop || Flutter Image Pick, Crop and Compress
มุมมอง 3.2Kปีที่แล้ว
In this Flutter tutorial, we'll learn how to crop images in Flutter using the image_cropper plugin and the image_picker plugin. The image_picker plugin will allow us to select an image from the device gallery or camera, and the image_cropper plugin will enable us to crop the selected image. We'll start by setting up a new Flutter project and adding the required dependencies. Then, we'll create ...
Strapi v4 Deploy with PostgreSQL Database and Cloudinary Free || Render Hosting NodeJS
มุมมอง 32K2 ปีที่แล้ว
Strapi API official - strapi.io Strapi Cloudinary article - strapi.io/blog/add-cloudinary-support-to-your-strapi-application Render hosting - render.com Cloudinary - cloudinary.com If you require further assistance, I am available for hire. You can find my services at - www.fiverr.com/sameeradev Follow me: Instagram | dev_sameera_perera Medium | masrkperera.medium.com Twitter | tw...
Flutter E-commerce App With REST API - Part 18 - Form Validation, JWT Authentication Complete
มุมมอง 14K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Flutter JWT Authentication with Strapi 4. Flutter form validation. Flutter password validation. Flutter login form. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-C...
Flutter E-commerce App With REST API - Part 17 - JWT Authentication - Strapi 4 Custom User Profile
มุมมอง 7K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Flutter JWT Authentication with Strapi 4. Customize Strapi 4 Backend API endpoints. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App API Project Code(Git...
Flutter E-commerce App With REST API - Part 16 - Authentication UI Design
มุมมอง 5K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Flutter Authentication UI Design. Flutter Sign In and Sign Up UI design. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App Source Code(Git Hub) - github.c...
Flutter E-commerce App With REST API - Part 15 - Category
มุมมอง 7K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App Source Code - github.com/Sameera-Perera/Flutter-Grocery-App/tree/1009d492b35dde7e5f24a24fde766faf01f9486...
Flutter E-commerce App With REST API - Part 14 - Product Search
มุมมอง 5K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App Source Code - github.com/Sameera-Perera/Flutter-Grocery-App/tree/86352d73c1940a77ac33b734d4eb40acc1de9d3...
Flutter E-commerce App With REST API - Part 13 - Product Details Screen
มุมมอง 6K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Flutter Product Details Page. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App Source Code - github.com/Sameera-Perera/Flutter-Grocery-App/tree/b6b7952ec...
Flutter E-commerce App With REST API - Part 12 - Fetch Products#2
มุมมอง 4.5K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App Source Code - github.com/Sameera-Perera/Flutter-Grocery-App/tree/741ec0681888d360706b826be1427075077dad0...
Flutter E-commerce App With REST API - Part 11 - Fetch Products#1
มุมมอง 5K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App Source Code - github.com/Sameera-Perera/Flutter-Grocery-App/tree/c810f94fde50a9bf12910f99d3b74db7fa96528...
Flutter E-commerce App With REST API - Part 10 - Hive Local Storage
มุมมอง 6K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Flutter save API response in local hive storage. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App Source Code - github.com/Sameera-Perera/Flutter-Grocery...
Flutter E-commerce App With REST API - Part 09 - Popular Product#2
มุมมอง 4K2 ปีที่แล้ว
This video series will guide you to develop a flutter e-commerce mobile application with REST API. Note! Brand new e-commerce project with clean architecture available now! Flutter TDD Clean Architecture E-Commerce App - github.com/Sameera-Perera/Flutter-TDD-Clean-Architecture-E-Commerce-App Source Code - github.com/Sameera-Perera/Flutter-Grocery-App/tree/47a73700de8e4eb28e22f988c84876261908fa2...
Flutter E-commerce App With REST API - Part 08 - Popular Product#1
มุมมอง 5K2 ปีที่แล้ว
Flutter E-commerce App With REST API - Part 08 - Popular Product#1
Flutter E-commerce App With REST API - Part 07 - Popular Category#2
มุมมอง 5K2 ปีที่แล้ว
Flutter E-commerce App With REST API - Part 07 - Popular Category#2
Flutter E-commerce App With REST API - Part 06 - Popular Category#1
มุมมอง 8K2 ปีที่แล้ว
Flutter E-commerce App With REST API - Part 06 - Popular Category#1
Flutter E-commerce App With REST API - Part 05 - Home Carousel Slider #2
มุมมอง 12K2 ปีที่แล้ว
Flutter E-commerce App With REST API - Part 05 - Home Carousel Slider #2
Flutter E-commerce App With REST API - Part 04 - Home Carousel Slider #1
มุมมอง 13K2 ปีที่แล้ว
Flutter E-commerce App With REST API - Part 04 - Home Carousel Slider #1
Flutter E-commerce App With REST API - Part 03 - Home Header/Search Field Design
มุมมอง 14K2 ปีที่แล้ว
Flutter E-commerce App With REST API - Part 03 - Home Header/Search Field Design
Flutter E-commerce App With REST API - Part 02 - Setup Flutter Project And Bottom Navigation Bar
มุมมอง 25K2 ปีที่แล้ว
Flutter E-commerce App With REST API - Part 02 - Setup Flutter Project And Bottom Navigation Bar
Flutter E-commerce App With REST API - Part 01 - Setup Strapi REST API
มุมมอง 71K2 ปีที่แล้ว
Flutter E-commerce App With REST API - Part 01 - Setup Strapi REST API
Flutter Firebase Carousel Slider Example - Getx
มุมมอง 6K2 ปีที่แล้ว
Flutter Firebase Carousel Slider Example - Getx
Flutter Image Upload To REST API Complete Example || Single/Multiple/Dynamic Upload
มุมมอง 4.4K3 ปีที่แล้ว
Flutter Image Upload To REST API Complete Example || Single/Multiple/Dynamic Upload
Node Express JS REST API Image Upload With MySQL Complete Example || Single/Multiple/Dynamic Upload
มุมมอง 4.6K3 ปีที่แล้ว
Node Express JS REST API Image Upload With MySQL Complete Example || Single/Multiple/Dynamic Upload
Flutter Carousel Slider - With REST API
มุมมอง 32K3 ปีที่แล้ว
Flutter Carousel Slider - With REST API
Flutter GridView Load More Data On Scroll || Flutter E-Commerce Item List
มุมมอง 14K3 ปีที่แล้ว
Flutter GridView Load More Data On Scroll || Flutter E-Commerce Item List
Strapi API Custom Controller || Profile/me DELETE
มุมมอง 1K3 ปีที่แล้ว
Strapi API Custom Controller || Profile/me DELETE
Strapi API Custom Controller || Profile/me PUT
มุมมอง 1.2K3 ปีที่แล้ว
Strapi API Custom Controller || Profile/me PUT
Strapi API Custom Controller || Profile/me GET
มุมมอง 2.5K3 ปีที่แล้ว
Strapi API Custom Controller || Profile/me GET
Strapi API Custom Controller || Profile/me POST
มุมมอง 9K3 ปีที่แล้ว
Strapi API Custom Controller || Profile/me POST
If backend is there which technology is used for the same
There is backend also or just frontend?
Photo file please
works like a charm, thanks
hello please how i can make it in flutter mobile?
My cards didn't scroll it stuck in one place please help
Thank you so so much for this tutorial.
i did same but when i upload image it get uploaded to cloudinary but whhen i hit the api i dont the image path. how can i get the image path even in you api image url is missing 15:00 timpestamp
just extend your request with the ?populate=* parameters.
How about the sqlite?
awesome
Hello, thank you very much for everything very cool indeed .... How do I get the image back in the answer? thank you very much.
thank u so much sir, very helpfull
strapi is not free so what can we use as a alternatives?
is this method free for lifetime? i mean for the strapi backend an the postgresql inside the render
⚠ Warning Strapi applications are not meant to be connected to a pre-existing database, not created by a Strapi application, nor connected to a Strapi v3 database. The Strapi team will not support such attempts. Attempting to connect to an unsupported database may, and most likely will, result in lost data.
Because badges has a new version, when using the old version, it is not compatible, so when using the new version, please read its instructions to use it. I use badges: ^3.1.2 and must make badges.Badge for it to run. I write it down so that it can be easier for the next person thanks for reading
What do you add in the badges section... because I had an error using the latest version 3.1.2
how do you do it, sis?
How to resolve error client?
please use soft backsound like bethoven 🥺
I get this error in the method at minute 2.00
The named parameter 'badgeContent' isn't defined
use badges: ^3.1.2 and must make badges.Badge for it to run and import 'package:badges/badges.dart' as badges;
error: The name 'Badge' is defined in the libraries 'package:badges/src/badge.dart (via package:badges/badges.dart)' and 'package:flutter/src/material/badge.dart (via package:flutter/material.dart)'. (ambiguous_import at [mysembago] lib\Component\main_header.dart:75)
When I used it in my project, the size of the application increased by more than 120+ MB. How can we decrease it?
How can I handle a 401 response from the API in the product list?
great , dear <3 keep going .. best regards
cart section, pls
how to change resolution here brother ...for the plugin ..
can your music stfu
You're a life save.
save me, I'm having trouble at the cart and can't do it :(
Thank you so much
is it possible to edit and add some data into existing pdf files sir?
please more video ❤😢
Valeu
Amazing !!!! Super tutorial
make cart section bro pls
what about routes?
❤❤
Thankyou soooo much❤❤❤❤❤
Hello There, you didn't show how to add "Beverage" column it requires Image im making same project for practice and it made me stop... i hope you reply soon
thank you brooo!
can we do the same thing for strapi v4? cz in the documentation it states otherwise( in a warning section)?
Hello men, do you have database script? Strapi closed and deleted my entire project :(
hello, I want to ask you, cart features comming?
how to save token by hive
bro how to Generate excel
product list is not synced with the local storage gives error if server is closed. how to make it save as cach?
Hi sir In which video session you fetch the API link in this tutorial
Hello! I have a problem 😩 "error: SSL/TLS required"
from where you got these products is there any free product API. actually I want free product API for practicing and testing
Thank you very much...