Convert html strings to PDF documents using React Native
npm install react-native-html-to-pdfConvert html strings to PDF documents using React Native
``sh`
npm install react-native-html-to-pdf
`javascript
import React, { Component } from 'react';
import { Text, TouchableHighlight, View } from 'react-native';
import { generatePDF } from 'react-native-html-to-pdf';
export default class Example extends Component {
async createPDF() {
let options = {
html: '
let results = await generatePDF(options);
console.log(results);
}
render() {
return (
);
}
}
`
| 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) |directory
| | string | default cache directory | Directory where the file will be created (Documents folder in example above). Please note, on iOS Documents is the only custom value that is accepted. |height
| | number | 792 | Set document height (points) |width
| | number | 612 | Set document width (points) |
#### iOS Only
| Param | Type | Default | Note |
| --------------- | ------ | ------- | ------------------------------------------------------------------------ |
| paddingLeft | number | 10 | Outer left padding (points) |paddingRight
| | number | 10 | Outer right padding (points) |paddingTop
| | number | 10 | Outer top padding (points) |paddingBottom
| | number | 10 | Outer bottom padding (points) |padding
| | number | 10 | Outer padding for any side (points), overrides any padding listed before |bgColor
| | string | #F6F5F0 | Background color in Hexadecimal |
#### Android Only
| Param | Type | Default | Note |
| ------- | ----- | ------- | ----------------------------------------------------------------------- |
| fonts | Array | | Allow custom fonts ['/fonts/TimesNewRoman.ttf', '/fonts/Verdana.ttf']` |
- Development workflow
- Sending a pull request
- Code of conduct
MIT
---
Made with create-react-native-library