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>
    );
  }
}
相关推荐
惺忪979814 分钟前
回调函数的概念
开发语言·前端·javascript
前端 贾公子25 分钟前
Element Plus组件v-loading在el-dialog组件上使用无效
前端·javascript·vue.js
天外飞雨道沧桑26 分钟前
JS/CSS实现元素样式隔离
前端·javascript·css·人工智能·ai
程序00726 分钟前
前端写一个密码登录,验证码登录,注册模板
前端
-曾牛32 分钟前
从零到一:XSS靶场 haozi.me 全关卡通关教程(含冷知识汇总)
前端·网络安全·渗透测试·靶场·xss·攻略·靶场教程
qq_4198540542 分钟前
自定义组件(移动端下拉多选)中使用 v-model
前端·javascript·vue.js
你的电影很有趣43 分钟前
lesson74:Vue条件渲染与列表优化:v-if/v-show深度对比及v-for key最佳实践
前端·javascript·vue.js
颜酱1 小时前
了解 Cypress 测试框架,给已有项目加上 Cypress 测试
前端·javascript·e2e
技术小丁1 小时前
uni-app 广告弹窗最佳实践:不扰民、可控制频次、含完整源码
前端·uni-app·1024程序员节
quan26311 小时前
日常开发20251022,传统HTML表格实现图片+视频+预览
前端·javascript·html·html列表实现图片+视频