react- native创建pdf

npm i react-native-html-to-pdf

  • AndroidManifest.xml添加以下WRITE_EXTERNAL_STORAGE权限:

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

使用:

复制代码
import React, { Component } from 'react';
import {
  Text,
  TouchableHighlight,
  View,
} from 'react-native';
import RNHTMLtoPDF from 'react-native-html-to-pdf';

export default class Example extends Component {
  async createPDF() {
    const options = {
      html: '<h1>PDF 测试</h1>',
      fileName: 'test',
      directory: 'Documents',
    };
    const file = await RNHTMLtoPDF.convert(options);
    // console.log(file.filePath);
    alert(file.filePath);
  }

  render() {
    return (
      <View>
        <TouchableHighlight onPress={this.createPDF}>
          <Text>创建PDF</Text>
        </TouchableHighlight>
      </View>
    );
  }
}
相关推荐
哆啦A梦158815 小时前
60 订单页选择收货地址
前端·javascript·vue.js·node.js
Hilaku16 小时前
利用 link rel="prefetch":如何让用户的页面秒开?
前端·javascript·性能优化
TextIn智能文档云平台16 小时前
PDF提取文字全是乱码怎么解决?
pdf
Apifox16 小时前
如何通过抓包工具快速生成 Apifox 接口文档?
前端·后端·测试
没事多睡觉66616 小时前
JavaScript 中 this 指向教程
开发语言·前端·javascript
苏打水com16 小时前
浏览器与HTTP核心考点全解析(字节高频)
前端·http
用户990450177800916 小时前
ruoyi集成camunda-前端篇
前端
Aerelin16 小时前
scrapy的介绍与使用
前端·爬虫·python·scrapy·js
BD_Marathon16 小时前
【JavaWeb】前端三大件——HTML简介
前端·html
鲨叔16 小时前
zustand 从原理到实践 - 原理篇(1)
react.js