我试图使用react-native-html-to-pdf
库运行“Hello World”代码并创建PDF,但我无法在Expo中设置它。你能帮帮我吗?我试过使用comand react-native link
。
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"expo": "^35.0.0",
"react": "16.8.3",
"react-dom": "16.8.3",
"react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
"react-native-html-to-pdf": "^0.8.0",
"react-native-pdf-lib": "^0.2.1",
"react-native-web": "^0.11.7"
},
"devDependencies": {
"babel-preset-expo": "^7.1.0"
},
"private": true
}
App.js
import React, { Component } from 'react';
import {
Text,
TouchableHighlight,
View,
StyleSheet,
} from 'react-native';
import RNHTMLtoPDF from 'react-native-html-to-pdf';
export default class App extends Component {
async createPDF() {
let options = {
html: '<h1>PDF TEST</h1>',
fileName: 'test',
directory: 'Documents',
};
let file = await RNHTMLtoPDF.convert(options)
// console.log(file.filePath);
alert(file.filePath);
}
render() {
return(
<View style={styles.container}>
<TouchableHighlight onPress={this.createPDF}>
<Text>Create PDF</Text>
</TouchableHighlight>
</View>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
});```
2条答案
按热度按时间velaa5lx1#
如果使用expo,则无法链接任何库。这就是世博会的局限性。如果你想拥有这样的功能,最好通过从expo中弹出来切换到裸露的react本地应用程序,因为链接在expo中不起作用。这是expo的一个主要局限。
或者你可以查看Expo Print的文档
expo link
在这里他们定义了一个打印函数来将html保存为pdf
希望能帮上忙。有任何疑问请放心
e3bfsja22#
您需要从Expo导入以下两个库:
然后你可以使用这样的函数导出pdf: