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>
    );
  }
}
相关推荐
JefferyXZF10 分钟前
新手建站零门槛!Vercel+Cloudflare+Namesilo域名购买部署全流程
前端
yinuo19 分钟前
微信浏览器缓存机制大揭秘:为什么你总刷不出新页面?
前端
拉不动的猪19 分钟前
try...catch 核心与生态协作全解析
前端·javascript·vue.js
Xeon_CC39 分钟前
在react-app-rewired工程项目中,调试AntVG6库源码包。
前端·react.js·前端框架
o***Z4481 小时前
前端无障碍开发检查清单,WCAG合规
前端
码上成长1 小时前
React 18 并发特性:useTransition 和 useDeferredValue 动画级解释
javascript·react.js·ecmascript
J***Q2922 小时前
前端CSS架构模式,BEM与ITCSS
前端·css
G***T6912 小时前
React性能优化实战,避免不必要的重渲染
前端·javascript·react.js
q***d1732 小时前
前端微前端部署方案,Nginx与Webpack
前端·nginx·webpack
y***54882 小时前
前端构建工具扩展,Webpack插件开发
前端·webpack·node.js