Convert html strings to PDF documents using React Native
- Run
npm install react-native-html-to-pdf --save
- Open your project in XCode, right click on Libraries and select Add Files to "Your Project Name.
- Add
libRNHTMLtoPDF.a
toBuild Phases -> Link Binary With Libraries
(Screenshot).
var React = require('react-native');
var {
AlertIOS,
AppRegistry,
NativeModules: {
RNHTMLtoPDF,
}
StyleSheet,
Text,
TouchableHighlight,
View,
} = React;
var Example = React.createClass({
createPDF() {
var options = {
html: '<h1>PDF TEST</h1>', // HTML String
fileName: 'test', // Optional: Custom Filename excluded extention
// Default: Randomly generated
directory: 'docs' // Optional: 'docs' will save the file in the `Documents`
// Default: Temp directory
};
RNHTMLtoPDF.convert(options).then((filePath) => {
console.log(filePath);
});
},
render() {
<View>
<TouchableHighlight onPress={this.createPDF}>
<Text>Create PDF</Text>
</TouchableHighlight>
</View>
}
});
The example project included demonstrates how you can create a PDF file from a html string and email it as an attachment using react-native-mail
.