I am creating a PDF file in my Flutter app.
class PdfDiarioApi {
late Uint8List logobytes;
late PdfImage _logoImage;
final List<dynamic> listaRecibida;
final image = pw.MemoryImage(
File('imagenes/zf.png').readAsBytesSync(),
);
PdfDiarioApi(this.listaRecibida);
static Future<File> generate(String fecha, String id, List<dynamic> listaDiarioActual, String turno, String patrulla, String vigilante1, String vigilante2, String inicio, String responsable, String firma) async {final pdf = Document();
DiarioModelo primer = listaDiarioActual[0];
final firma_resp = await networkImage(Constantes.flutterAPI+"firmas/${firma}");
final imageByteData = await rootBundle.load('imagenes/zf.png');
// Convert ByteData to Uint8List
final imageUint8List = imageByteData.buffer
.asUint8List(imageByteData.offsetInBytes, imageByteData.lengthInBytes);
final image = pw.MemoryImage(imageUint8List);
DateTime tempDateI =
new DateFormat("dd-MM-yyyy HH:mm")
.parse(inicio);
String date1 = DateFormat("dd-MM-yyyy HH:mm")
.format(tempDateI);
String fecha = DateFormat("dd-MM-yyyy")
.format(tempDateI);
String hora = DateFormat("HH:mm")
.format(tempDateI);
pdf.addPage(MultiPage(
maxPages: 20,
pageFormat: PdfPageFormat.a4,
build: (context) => [
pw.SizedBox(height: 25),
buildTablaDiario(listaDiarioActual),
],
header: (context) => buildHeader(image,fecha,patrulla,responsable,vigilante1,vigilante2,turno,hora),
footer: (context) => buildFooter(firma_resp),
));
return PdfApi.saveDocument(name: 'diario.pdf', pdf: pdf);
}
static Widget buildTablaDiario(List<dynamic> listaDiarioActual){
return ListView.builder(
itemCount: listaDiarioActual.length,
itemBuilder: (pw.Context context, index){
DiarioModelo diario = listaDiarioActual[index];
DateTime tempDateI =
new DateFormat("yyyy-MM-dd HH:mm:ss")
.parse(diario.fecha_diario);
String date1 = DateFormat("dd-MM-yyyy HH:mm")
.format(tempDateI);
String hora = DateFormat("HH:mm")
.format(tempDateI);
return pw.Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.start,
crossAxisAlignment: pw.CrossAxisAlignment.start,
children: [
pw.Text("${hora}",style: pw.TextStyle()),
pw.SizedBox(width: 10),
pw.Container(
width: 320 ,
child: pw.Text(diario.descripcion,maxLines: 100),
),
]
),
pw.SizedBox(height: 15),
]
);
}
);
}
static Widget buildHeader(MemoryImage image, String fecha, patrulla,responsable,vigilante1,vigilante2, turno,hora) => Column(
children: [
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
//Text(customer.name, style: TextStyle(fontWeight: FontWeight.bold)),
//Text(customer.address),
pw.Image(image,height: 80,width: 180),
pw.SizedBox(width: 100),
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.center,
children: [
pw.Text("INFORME DIARIO",style: pw.TextStyle(fontSize: 16,decoration: pw.TextDecoration.underline))
]
)
],
),
pw.SizedBox(height: 5),
pw.Row(
crossAxisAlignment: pw.CrossAxisAlignment.center,
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Text("FECHA: ",style: pw.TextStyle(fontSize: 10,fontWeight: FontWeight.bold)),
pw.SizedBox(width: 15),
pw.Text("${fecha}",style: pw.TextStyle(fontSize: 14,))
]
)
],
),
pw.Row(
crossAxisAlignment: pw.CrossAxisAlignment.center,
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Text("PATRULLA: ",style: pw.TextStyle(fontSize: 10,fontWeight: FontWeight.bold)),
pw.SizedBox(width: 15),
pw.Text("${patrulla}",style: pw.TextStyle(fontSize: 14))
]
)
],
),
pw.Row(
crossAxisAlignment: pw.CrossAxisAlignment.center,
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Text("RESPONSABLE: ",style: pw.TextStyle(fontSize: 10,fontWeight: FontWeight.bold)),
pw.SizedBox(width: 15),
pw.Text("${responsable}",style: pw.TextStyle(fontSize: 14))
]
)
],
),
pw.SizedBox(height: 10),
pw.Row(
crossAxisAlignment: pw.CrossAxisAlignment.center,
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
Container(
alignment: Alignment.center,
width: 200,
height: 20,
child: Row(
children: [
pw.Text("V.S.:",style: pw.TextStyle(fontSize: 10,fontWeight: FontWeight.bold)),
pw.SizedBox(width: 10),
pw.Text("${vigilante1}",style: pw.TextStyle(fontSize: 14 ,)),
]
)
),
pw.SizedBox(width: 45),
Container(
alignment: Alignment.center,
width: 200,
height: 20,
child: Row(
children: [
pw.Text("TURNO DE:",style: pw.TextStyle(fontSize: 10,fontWeight: FontWeight.bold)),
pw.SizedBox(width: 10),
pw.Text("${turno}",style: pw.TextStyle(fontSize: 14 ))
]
)
),
]
)
],
),
pw.SizedBox(height: 2),
pw.Row(
crossAxisAlignment: pw.CrossAxisAlignment.center,
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
Container(
alignment: Alignment.center,
width: 200,
height: 20,
child: Row(
children: [
pw.Text("V.S.:",style: pw.TextStyle(fontSize: 10,fontWeight: FontWeight.bold)),
pw.SizedBox(width: 10),
pw.Text("${vigilante2}",style: pw.TextStyle(fontSize: 14)),
]
)
),
pw.SizedBox(width: 45),
Container(
alignment: Alignment.center,
width: 200,
height: 20,
child: Row(
children: [
pw.Text("TURNO DE:",style: pw.TextStyle(fontSize: 10,fontWeight: FontWeight.bold)),
pw.SizedBox(width: 10),
pw.Text("${turno}",style: pw.TextStyle(fontSize: 14 ))
]
)
),
]
),
],
),
pw.SizedBox(height: 5),
pw.Row(
mainAxisAlignment: pw.MainAxisAlignment.start,
children: [
pw.Text("HORA DE INICIO: ",style: pw.TextStyle(fontSize: 10,fontWeight: FontWeight.bold)),
pw.SizedBox(width: 15),
pw.Text("${hora}",style: pw.TextStyle(fontSize: 14))
]
),
]
);
static Widget buildFooter(firmafooter) => Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
pw.Column(
children: [
pw.Text("FIRMA",
style:
pw.TextStyle(fontSize: 11,fontWeight: FontWeight.bold)),
pw.Container(
height: 100,
width: 300,
decoration: BoxDecoration(
border: Border.all(width: 1, color: PdfColors.black),
),
child: pw.Image(firmafooter,height: 95,width: 95,fit: BoxFit.fill)
)
]
),
pw.SizedBox(width: 50),
pw.Container(
height: 100,
child:Text("REVISADO CLIENTE",style: pw.TextStyle(fontSize: 10)))
],
);
static buildSimpleText({
required String title,
required String value,
}) {
final style = TextStyle(fontWeight: FontWeight.bold);
return Row(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: pw.CrossAxisAlignment.end,
children: [
Text(title, style: style),
SizedBox(width: 2 * PdfPageFormat.mm),
Text(value),
],
);
}
static buildText({
required String title,
required String value,
double width = double.infinity,
TextStyle? titleStyle,
bool unite = false,
}) {
final style = titleStyle ?? TextStyle(fontWeight: FontWeight.bold);
return Container(
width: width,
child: Row(
children: [
Expanded(child: Text(title, style: style)),
Text(value, style: unite ? style : null),
],
),
);
}
}
There is no issue with the generated PDF file, but I woudl like to insert the page number in the footer part of it.
I have been searching for this option, but not able to find the way to insert the page number on each page.
On your buildFooter, You need to pass the context that is coming from pdf package.
footer: (context) => buildFooter(context, firma_resp),
Therefore now it will be context.pageNumber
static Widget buildFooter(context, firmafooter) => Row(...
Text('Page ${context.pageNumber}/${context.pagesCount}'),
If you are having material or other context, you can use prefix from pdf BuildContex.