如何在React Native中打印屏幕的内容

Question

是否有一种方法可以将包含呈现的图像的屏幕内容打印到 react react Native 中的打印机？我研究了 React-Native-Print ，但它仅接受HTML文本，而 React-native-Xprinter 仅支持Android。谢谢。

Answer 1

设法使其正常工作。请参阅下面的代码。

import RNPrint from 'react-native-print';
var htmlString = `<div style="(your CSS style here)"> (HTML contents here) </div>`;
RNPrint.print({html: htmlString});

如果要在HTML中嵌入图像，请参见下文：

var htmlString = `<div style="(your CSS style here)"> 
    <img src="data:image/png;base64, ${imgData}" style="width: $imgWidth; height: $imgHeight"/>
</div>`;

您可以将" Image/png"替换为其他图像类型。希望这会有所帮助。