如何以原生的方式打印屏幕内容?

时间:2017-12-20 10:34:19

标签: react-native printing

有没有办法将包含图像的屏幕内容打印到 React Native 中的打印机?我查看了 react-native-print ,但它只接受HTML文本,而 react-native-xprinter 仅支持Android。感谢。

2 个答案:

答案 0 :(得分: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”替换为其他图像类型。希望这会有所帮助。

答案 1 :(得分:0)

使用webView渲染浏览器中允许的任何内容

https://facebook.github.io/react-native/docs/webview.html