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>
    );
  }
}
相关推荐
qq4356947015 小时前
Vue04
前端·vue.js
ShoaibShokat035 小时前
React 19 + TypeScript 实战:把 Ludo 游戏拆成纯引擎、状态层和可替换网络层
react.js
啦啦啦~~~3305 小时前
【办公软件】开源的PDF合并分割工具!支持PDF拆分、合并、交替混合、页面旋转、提取页面等
阿里云·pdf·电脑·开源软件
我是真菜6 小时前
彻底理解js中的深浅拷贝
前端·javascript
江畔柳前堤6 小时前
github实战指南07-CLI 与高级技巧
前端·人工智能·chrome·深度学习·github·caffe·issue
kisdiem6 小时前
ReAct:让大模型一边推理,一边行动
前端·react.js·前端框架
西部荒野子7 小时前
JS 如何跑进两个原生世界
前端
RANxy7 小时前
AntV 入门系列第一篇:从零开始的数据可视化之旅
前端
小小小小宇7 小时前
前端 WebRTC 全解析与应用
前端