如何在 iOS 上使用 Expo.printToFileAsync 避免从 HTML 生成的输出 PDF 中内容部分内的分页符

Ozk*_*glu 5 react-native expo

我正在创建一个应用程序,它在选项卡中包含完整的列表,并且这些列表包含其数据(同样是内部列表,我们可以将它们称为子列表)。

我使用 expo 来构建此应用程序,并使用 expo print API 将这些列表转换为 PDF。当用户选择共享时,这些列表会保存为 PDF 并在 IOS 中打开共享屏幕。然后用户可以以任何想要的方式发送这个PDF文件;它可以是邮件或应用程序或任何其他包含的应用程序中的附件,

主要问题是PDF中的分页符,而有一个列表不适合A4,我无法控制分页符,它们可能会破坏页面末尾的列表,

我找到了一个不同的解决方案,可以计算单元格的高度并安排适当的边距。因为我已经知道默认的 A4 纸可以容纳多少个单元格。

我正在使用 Print.printToFileAsync(options)将 HTML 转换为 PDF。

我已经尝试过下面的 CSS 但它不起作用;

<style>
  @media print {
  table {
  background-color: #f44336;
  page-break-inside: avoid !important;
  }
  h2 {
  page-break-before: always !important;
  }
}
</style>
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激。