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>
    );
  }
}
相关推荐
申阳7 小时前
Day 16:02. 基于 Tauri 2.0 开发后台管理系统-项目初始化配置
前端·后端·程序员
老前端的功夫7 小时前
HTTP 协议演进深度解析:从 1.0 到 2.0 的性能革命
前端·网络·网络协议·http·前端框架
拉不动的猪7 小时前
前端三大权限场景全解析:设计、实现、存储与企业级实践
前端·javascript·面试
wordbaby7 小时前
Flutter Form Builder 完全指南:告别 Controller 地狱
前端·flutter
A***07178 小时前
React数据可视化应用
前端·react.js·信息可视化
泉城老铁8 小时前
Vue2实现语音报警
前端·vue.js·架构
临江仙4558 小时前
前端骚操作:用户还在摸鱼,新版本已悄悄上线!一招实现无感知版本更新通知
前端·vue.js
想个什么名好呢8 小时前
解决uniapp的H5项目uni-popup页面滚动穿透bug
前端
用户93816912553609 小时前
Vue3项目--mock数据
前端
前端加油站9 小时前
一种新HTML 页面转换成 PDF 技术方案
前端·javascript·vue.js