Me ha pasado ya, en más de una ocasión que varias personas me han preguntado cómo es posible exportar un PDF en una aplicación de Flutter y específicamente usando FlutterFlow. Como creo que es algo que, aunque entretenido, no es difícil, me he dispuesto a escribir este post y compartir con toda la comunidad y cualquier persona que lo necesite el código de un ejemplo de factura completamente gratis.
Para el ejemplo uso dos parámetros, uno de ellos es una lista (las líneas de la factura).
¿Empezamos?
Acceso rápido
Dependencias
Para poder exportar en PDF necesitaremos usar dos paquetes de Flutter (Dart):
Puedes seguir directamente los pasos que indican en Pub.dev para añadirlos en tu proyecto o en el pubspec.yaml
En Flutter:
En FlutterFlow:
Para añadir las dependencias a FlutterFlow deberemos crear un Custom Action y en la esquina inferior derecha pondremos lo siguiente:
Una vez escrito el nombre y las versiones, pulsaremos en el botón verde con la flecha circular para que se carguen.
Una vez lo tengamos añadido a nuestro proyecto de Flutter o FlutterFlow, veremos como hacer para usarlo.
Exportar a PDF en Flutter
Para exportar a PDF en Flutter solo deberemos importar las siguientes librerías donde vayamos a usarlo:
- import 'package:pdf/pdf.dart';
- import 'package:pdf/widgets.dart' as pw;
- import 'package:printing/printing.dart';
Ahora, crearemos un Future que será el encargado de montar toda la estructura y al que llamaremos después para ejecutar la acción.
Si te fijas, podrás ver que lo que estamos haciendo dentro del build es construir una página con Widgets de Flutter pero con "pw" delante que es como hemos nombrado a los widgets del paquete PDF que hemos importado. De esta forma, tendremos a nuestra disposición la gran mayoría de Widgets de Flutter solo poniéndole delante "pw".
Exportar a PDF en FlutterFlow
Este mismo código será el que necesites para FlutterFlow con las diferentes variables que puedas tener y como puedes ver en la siguiente imagen:
Para poder usarlo, deberás crear un Custom Action y dar de alta los diferentes argumentos que necesites y que quieras usar dentro de tu PDF.
Ahora bien, una vez tengamos probado nuestro diseño (recomiendo encarecidamente probarlo en flutter y luego pasarlo a flutterflow por la velocidad de compilación) ya solo tendremos que llamarlo desde donde lo necesitemos y, teniendo en cuenta por supuesto, que debemos pasarle todos los parámetros que necesitamos para el PDF.
Te invito a que lo pruebes e indagues por tu cuenta todo lo que el paquete PDF de Dart/Flutter te permite hacer ya que yo he descubierto cosas muy interesantes y que pueden servirte.
En el código que descargaréis tendréis la plantilla de la siguiente factura:
Muy mejorable y adaptable a lo que necesites pero un buen punto de inicio, ¿no te parece?
Espero que os sirva y si tenéis cualquier duda me preguntéis directamente por twitter (X): @valen