Tengo una pantalla donde se mostrará toda la información relacionada con el usuario y sus tareas. Es como un informe. Al final, tengo un botón para que el usuario haga clic en el que le permitirá guardar una versión en pdf de la misma información. La información será diferente cada vez. Por lo tanto, el número de filas será diferente. ¿Cómo se puede lograr esto? Intenté usar react-native-html-to-pdf pero pude crear un pdf de solo html estático. ¿No pude descubrir cómo representar html dinámico? La interfaz de usuario será ligeramente diferente para el pdf en comparación con la pantalla, pero la información será la misma.
Por lo que veo en la publicación vinculada anteriormente, el siguiente fragmento de código parece una cadena html que puede modificar según lo desee (sincronización o asíncronismo independientemente):
const printPDF = async () => { const results = await RNHTMLtoPDF.convert({ html: '<h1>Demo Text to converted to PDF</h1>', fileName: 'test', base64: true, }); await RNPrint.print({filePath: results.filePath}); };Parece que ese texto se puede cambiar dinámicamente, por lo que puede reemplazarlo con cualquier función:
const printPDF = async () => { const htmlString = await buildDynamicHtml(); const results = await RNHTMLtoPDF.convert({ html: htmlString, fileName: 'test', base64: true, }); await RNPrint.print({filePath: results.filePath}); };