Set variable to text undefined ?

[hieuluis96]

Hi, your library was be useful for my project that i had been working, but when i went to set text from variable, it displayed "undefined ". My code look like 👍

cretePDF
 = ({name}) => () => {
const fs = RNFetchBlob.fs;
const dirs = fs.dirs;
// Create page
const page1 = PDFPage.create()
.setMediaBox(Dimensions.get('window').width, Dimensions.get('window').height)
.drawRectangle({
x: 0,
y: Dimensions.get('window').height - 100,
width: Dimensions.get('window').width,
color: '#eaff0a',
height: 100,
})
.drawText(`${name}`, {
x: Dimensions.get('window').width / 2,
y: Dimensions.get('window').height - 16,
fontSize: 16
})
const path = `${dirs.DownloadDir}/SAMPLE.pdf`;
PDFDocument.create(path).addPage(page1).write().then((res) => {
console.log("File saved at: " + res);
})
}

Result:

Thank you for reply

[Hopding]

Based on the code you've provided here, it looks like the name variable passed to drawText must be undefined:

...
.drawText(`${name}`, {
  x: Dimensions.get('window').width / 2,
  y: Dimensions.get('window').height - 16,
  fontSize: 16
})
...

Have you verified what value it contains?

[hieuluis96]

Yes I had created function to using with variable i had. Ex:

render(){
let name = "Kevin"
return (
<Button
...
onPress={()=>createPDF(name)}
/>
)
}

But still undefined when i open pdf

[Hopding]

If you can provide a complete code snippet, I can try to reproduce the problem. Unfortunately, from the partial snippets you've shared thus far, it's not clear to me where the problem lies.

[Hopding]

I'm going to close this. Feel free to reopen if you're still encountering a problem.