GeezerVison is showing github.com — GitHub - blink22/react-native-html-to-pdf: Convert html strings to PDF documents using React Native
Folders and files
| Name | Name | Last commit message | Last commit date |
|---|
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
|
Repository files navigation
Convert html strings to PDF documents using React Native
- Run
npm install react-native-html-to-pdf --save
- Run
react-native link
- Open your project in XCode, right click on Libraries and select Add Files to "Your Project Name.
- Add
libRNHTMLtoPDF.a to Build Phases -> Link Binary With Libraries
(Screenshot).
The android module pulls in iText to convert html to pdf. A license is required for commercial use.
- Edit
android/settings.gradle to included
include ':react-native-html-to-pdf'
project(':react-native-html-to-pdf').projectDir = new File(rootProject.projectDir,'../node_modules/react-native-html-to-pdf/android')
- Edit
android/app/build.gradle file to include
dependencies {
....
compile project(':react-native-html-to-pdf')
}
- Edit
MainApplication.java to include
// import the package
import com.christopherdro.htmltopdf.RNHTMLtoPDFPackage;
// include package
new MainReactPackage(),
new RNHTMLtoPDFPackage()
import React, { Component } from 'react';
import {
Text,
TouchableHighlight,
View,
} = from 'react-native';
import RNHTMLtoPDF from 'react-native-html-to-pdf';
class Example extends Component {
async createPDF() {
let options = {
html: '<h1>PDF TEST</h1>',
fileName: 'test',
directory: 'docs',
};
let file = await RNHTMLtoPDF.convert(options)
console.log(file.filePath);
},
render() {
<View>
<TouchableHighlight onPress={this.createPDF}>
<Text>Create PDF</Text>
</TouchableHighlight>
</View>
}
}
| Param |
Type |
Default |
Note |
html |
string |
|
HTML string to be converted |
fileName |
string |
Random |
Custom Filename excluding .pdf extension |
base64 |
boolean |
false |
return base64 string of pdf file (not recommended) |
| Param |
Type |
Default |
Note |
height |
number |
612 |
Set document height (points) |
width |
number |
792 |
Set document width (points) |
padding |
number |
10 |
Outer padding (points) |
| Param |
Type |
Default |
Note |
fonts |
Array |
|
Allow custom fonts ['/fonts/TimesNewRoman.ttf', '/fonts/Verdana.ttf'] |
About
Convert html strings to PDF documents using React Native
Resources
Stars
12 stars
Watchers
2 watching
Forks