Programming Night
Programming Night
  • 49
  • 512 574
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/
มุมมอง: 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

ความคิดเห็น

  • @englishnic
    @englishnic 19 วันที่ผ่านมา

    If backend is there which technology is used for the same

  • @englishnic
    @englishnic 19 วันที่ผ่านมา

    There is backend also or just frontend?

  • @سميرسمير-ل7غ9م
    @سميرسمير-ل7غ9م 20 วันที่ผ่านมา

    Photo file please

  • @the_nishant_singh
    @the_nishant_singh หลายเดือนก่อน

    works like a charm, thanks

  • @cedosseng
    @cedosseng 2 หลายเดือนก่อน

    hello please how i can make it in flutter mobile?

  • @kukuroo7777
    @kukuroo7777 2 หลายเดือนก่อน

    My cards didn't scroll it stuck in one place please help

  • @angelikavillapando7695
    @angelikavillapando7695 4 หลายเดือนก่อน

    Thank you so so much for this tutorial.

  • @alwynjohn597
    @alwynjohn597 5 หลายเดือนก่อน

    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

    • @elisdotenv
      @elisdotenv 23 วันที่ผ่านมา

      just extend your request with the ?populate=* parameters.

  • @Verlinof
    @Verlinof 5 หลายเดือนก่อน

    How about the sqlite?

  • @ibadshaikh2215
    @ibadshaikh2215 5 หลายเดือนก่อน

    awesome

  • @code_castle
    @code_castle 5 หลายเดือนก่อน

    Hello, thank you very much for everything very cool indeed .... How do I get the image back in the answer? thank you very much.

  • @riskyfarhan6640
    @riskyfarhan6640 5 หลายเดือนก่อน

    thank u so much sir, very helpfull

  • @meetchudasama3787
    @meetchudasama3787 5 หลายเดือนก่อน

    strapi is not free so what can we use as a alternatives?

  • @davidarmstrong1492
    @davidarmstrong1492 5 หลายเดือนก่อน

    is this method free for lifetime? i mean for the strapi backend an the postgresql inside the render

  • @forestdogface
    @forestdogface 6 หลายเดือนก่อน

    ⚠ 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.

  • @ninonakano644
    @ninonakano644 6 หลายเดือนก่อน

    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

    • @rokhiyatussadiyah1963
      @rokhiyatussadiyah1963 หลายเดือนก่อน

      What do you add in the badges section... because I had an error using the latest version 3.1.2

    • @rokhiyatussadiyah1963
      @rokhiyatussadiyah1963 หลายเดือนก่อน

      how do you do it, sis?

  • @khisanafif
    @khisanafif 7 หลายเดือนก่อน

    How to resolve error client?

  • @iswiboni
    @iswiboni 7 หลายเดือนก่อน

    please use soft backsound like bethoven 🥺

  • @berkisikan9956
    @berkisikan9956 7 หลายเดือนก่อน

    I get this error in the method at minute 2.00

  • @fridoper124
    @fridoper124 7 หลายเดือนก่อน

    The named parameter 'badgeContent' isn't defined

    • @ninonakano644
      @ninonakano644 6 หลายเดือนก่อน

      use badges: ^3.1.2 and must make badges.Badge for it to run and import 'package:badges/badges.dart' as badges;

  • @fridoper124
    @fridoper124 7 หลายเดือนก่อน

    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)

  • @world_music_lyrics4416
    @world_music_lyrics4416 7 หลายเดือนก่อน

    When I used it in my project, the size of the application increased by more than 120+ MB. How can we decrease it?

  • @salvo2929
    @salvo2929 7 หลายเดือนก่อน

    How can I handle a 401 response from the API in the product list?

  • @AhmedTricks-w3m
    @AhmedTricks-w3m 7 หลายเดือนก่อน

    great , dear <3 keep going .. best regards

  • @nguyentrungkien2680
    @nguyentrungkien2680 8 หลายเดือนก่อน

    cart section, pls

  • @ego9890
    @ego9890 8 หลายเดือนก่อน

    how to change resolution here brother ...for the plugin ..

  • @ivanc.6064
    @ivanc.6064 8 หลายเดือนก่อน

    can your music stfu

  • @sinazobogicevic3442
    @sinazobogicevic3442 8 หลายเดือนก่อน

    You're a life save.

  • @hoaiphan1859
    @hoaiphan1859 9 หลายเดือนก่อน

    save me, I'm having trouble at the cart and can't do it :(

  • @codeNinja2320
    @codeNinja2320 9 หลายเดือนก่อน

    Thank you so much

  • @heinrichsanchez4811
    @heinrichsanchez4811 9 หลายเดือนก่อน

    is it possible to edit and add some data into existing pdf files sir?

  • @mehdi_abik
    @mehdi_abik 10 หลายเดือนก่อน

    please more video ❤😢

  • @erfelipe
    @erfelipe 10 หลายเดือนก่อน

    Valeu

  • @snottiesdock3262
    @snottiesdock3262 11 หลายเดือนก่อน

    Amazing !!!! Super tutorial

  • @FoxStuntShop
    @FoxStuntShop 11 หลายเดือนก่อน

    make cart section bro pls

  • @udayworldwide
    @udayworldwide 11 หลายเดือนก่อน

    what about routes?

  • @ivanrathnayake9167
    @ivanrathnayake9167 11 หลายเดือนก่อน

    ❤❤

  • @aiuniverse-nx8rq
    @aiuniverse-nx8rq 11 หลายเดือนก่อน

    Thankyou soooo much❤❤❤❤❤

  • @MehmetK32
    @MehmetK32 11 หลายเดือนก่อน

    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

  • @muhammadridhosaputra4276
    @muhammadridhosaputra4276 ปีที่แล้ว

    thank you brooo!

  • @rbld1017
    @rbld1017 ปีที่แล้ว

    can we do the same thing for strapi v4? cz in the documentation it states otherwise( in a warning section)?

  • @FoxStuntShop
    @FoxStuntShop ปีที่แล้ว

    Hello men, do you have database script? Strapi closed and deleted my entire project :(

  • @lokipixel31
    @lokipixel31 ปีที่แล้ว

    hello, I want to ask you, cart features comming?

  • @omarmaamoun9457
    @omarmaamoun9457 ปีที่แล้ว

    how to save token by hive

  • @nivashB-b4t
    @nivashB-b4t ปีที่แล้ว

    bro how to Generate excel

  • @vyankateshkshatriya
    @vyankateshkshatriya ปีที่แล้ว

    product list is not synced with the local storage gives error if server is closed. how to make it save as cach?

  • @crazyvideos2.0
    @crazyvideos2.0 ปีที่แล้ว

    Hi sir In which video session you fetch the API link in this tutorial

  • @akkauntforit5661
    @akkauntforit5661 ปีที่แล้ว

    Hello! I have a problem 😩 "error: SSL/TLS required"

  • @restaurantrecipebyhafsa
    @restaurantrecipebyhafsa ปีที่แล้ว

    from where you got these products is there any free product API. actually I want free product API for practicing and testing

  • @studentsolutionsbooks1045
    @studentsolutionsbooks1045 ปีที่แล้ว

    Thank you very much...