pageNumber, totalPages not working in render function in <Text>

[kirylh]

const PdfDocument = (props) => {
return (




Section #1


Section #2



Just a text

<Text style={styles.pageNumber} render={({ pageNumber, totalPages }) => ${pageNumber} / ${totalPages}} fixed />


)
}

export default PdfDocument;

Paging is not showing in generated pdf document:

          <PDFDownloadLink document={<PdfDocument />} fileName={`somename${Math.floor(Math.random() * 1000)}.pdf`}>
            {({ blob, url, loading, error }) => (loading ? 'Loading document...' : 'Download now!')}
          </PDFDownloadLink>

[jrishabh431]

Facing the same issue.

[christianquispe]

Here the same issue.

[christianquispe]

Hi! Maybe here is the solution

[kirylh]

Working with setting minHeight css property. It doesn't explain why static texts work without this css trick.

[Nichtkunst]

render is also not working for View