how to create pdf file in react-native?

Question

error : null is not an object evaluating '_PDFLib.default.createPDF'

https://github.com/Hopding/react-native-pdf-lib

I use the pdf library, can you tell me why the error occurs?

If you use await(const docsDir = await PDFLib.getDocumentsDirectory();), you get an error message like this: error - Can not use keyword 'await' outside an async function.

If you know how to create a pdf file, please let me know.

    pdfButton = () => {
        const page1 = PDFPage
          .create()
          .setMediaBox(200, 200)
          .drawText('You can add text and rectangles to the PDF!' , {
            x: 5,
            y: 235,
            color : '#007386',
          })
          .drawRectangle({
            x: 25,
            y: 25,
            width: 150,
            height: 150,
            color: '#FF99CC',
          })
          .drawRectangle({
            x: 75,
            y: 75,
            width: 50,
            height: 50,
            color: '#99FFCC',
          });

//It's like a problem.
          // const docsDir = await PDFLib.getDocumentsDirectory();
          const pdfPath = './data/ex.pdf'; //path to create pdf folder
          PDFDocument
            .create(pdfPath)
            .addPages(page1)
            .write() // Returns a promise that resolves with the PDF's path
            .then(path => {
              console.log('PDF created at: ' + path);
              // Do stuff with your shiny new PDF!
      });

import PDFLib, {PDFDocument, PDFPage} from 'react-native-pdf-lib' added. — 김회준
– 김회준, Commented Aug 28, 2019 at 6:38

Vishnudev Krishnadas · Accepted Answer · 2019-08-28 06:50:02Z

3

The pdfButton function must be an async function

pdfButton = async () => {
    ...
    const docsDir = await PDFLib.getDocumentsDirectory();
    const pdfPath = `${docsDir}/ex.pdf`;
}

edited Aug 28, 2019 at 6:50

answered Aug 28, 2019 at 6:39

Vishnudev Krishnadas

11k2 gold badges29 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

김회준 Over a year ago

error occurs. -> Properties can only be defined on Objects.

Vishnudev Krishnadas Over a year ago

There should be a backquote ` and that error is from where? Check traceback.

user9846301 Over a year ago

How to maintain dynamic data in pdf?

Vishnudev Krishnadas Over a year ago

@HAPPY What do you mean? If it not related to this question then create a new one

Collectives™ on Stack Overflow

how to create pdf file in react-native?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related