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>
    );
  }
}
相关推荐
IT_陈寒5 小时前
Vue3性能优化实战:这7个技巧让我的应用加载速度提升40%
前端·人工智能·后端
Reuuse5 小时前
登录突然失效:Axios 拦截器判空、localStorage 脏数据与环境变量踩坑
开发语言·前端
早川不爱吃香菜5 小时前
MCP 教程:将 Figma 设计稿转化为前端代码
前端·figma
修炼前端秘籍的小帅5 小时前
PinMe——极简、免费和无需服务器的开源前端部署工具
前端
思杰软件5 小时前
PDF盖骑缝章
pdf
XXYBMOOO5 小时前
基于 HTML5 Canvas 的终端日志流可视化实现(支持多 Pane / 运维模式)
运维·前端·html5
悟能不能悟5 小时前
vue导出excel文件
前端·vue.js·excel
闭上眼让寒冷退却5 小时前
知识库发布按钮引发的查询版本发布状态(轮询?——>调用后端接口)以及api接口设计学习
java·前端·javascript
科技圈快讯5 小时前
免费AIPPT生成工具推荐:一键生成+实时预览,支持Markdown/PDF导入
pdf
sleeppingfrog5 小时前
konva实现canvas画图基础版本
前端·javascript·css