如何使用“react-native-html-to-pdf”包动态设置 PDF 高度？

Posted 2023-05-06

【中文标题】如何使用“react-native-html-to-pdf”包动态设置 PDF 高度？

【英文标题】：How to set PDF height dynamically using 'react-native-html-to-pdf' package?

【发布时间】：2020-09-19 05:14:07

【问题描述】：

我正在用 react-native 创建一个 PDF 文档。我的目标是创建单页，没有更多的页面，当我的页面内容变大时，我的单页高度也必须自动变大。

options = 
            width: 675,
            height: ????,
            html: `<div id="myDiv" style="width: 100%; min-height: 850px"> </div>`
            

在上面的代码中，我设置了myDiv的min-height，当myDiv的高度动态变化时，我想取这个高度值并自动设置选项的高度。我尝试了 javascript offsetHeight 属性，但它不起作用，因为 HTML 内部完全是一个字符串。我尝试使用模板文字，但没有成功。

有没有办法处理这个问题，使用模板文字或任何其他方式？

【参考方案1】：

我很确定 react-native-html-to-pdf 无法做到这一点。

如果您阅读包代码，您会发现它不包含任何类似的选项。

至少在android上，你可以尝试自己测量组件using the same tecnique they use to render html before printing it，但这不是一件容易的事：你需要创建一个webview，注入代码，并提取所需组件的高度.

尝试在 github 项目上打开一个问题，也许他们会在未来的版本中添加此功能。