email - 尝试生成 PDF 并使用 React Native 查看或通过电子邮件发送

Question

过去几天我一直在研究 react-native-html-to-pdf ( https://github.com/christopherdro/react-native-html-to-pdf )、react-native-mail (by chirag04) 和 react-native-view-pdf (by cnjon)

parkerdan 的 react-native-mail 的另一个版本我还没有尝试过，但是 chrirag04 的版本基本上破坏了我所有的项目并且很难卸载。

react-native-html-to-pdf 似乎没有产生任何错误，而且我似乎无法访问生成的 pdf。这是我正在运行的代码片段:

import RNHTMLtoPDF from 'react-native-html-to-pdf';
import PDFView from 'react-native-pdf-view';

...

createPDF() {

     var options = {

        html: '<h1>PDF TEST</h1>', // HTML String

        // ****************** OPTIONS BELOW WILL NOT WORK ON ANDROID **************                              
        fileName: 'test',          /* Optional: Custom Filename excluded extention
                                Default: Randomly generated
                              */


        directory: 'docs',         /* Optional: 'docs' will save the file in the `Documents`
                                Default: Temp directory
                              */

        height: 800,               /* Optional: 800 sets the height of the DOCUMENT that will be produced
                                Default: 612
                              */
        width: 1056,               /* Optional: 1056 sets the width of the DOCUMENT that will produced
                                Default: 792
                              */
        padding: 24,                /* Optional: 24 is the # of pixels between the outer paper edge and
                                        corresponding content edge.  Example: width of 1056 - 2*padding
                                        => content width of 1008
                                Default: 10
                              */
    };
    RNHTMLtoPDF.convert(options).then((filePath) => {
        AlertIOS.alert(
            'creat pdf',
            'filePath=' + filePath
        );


        return (
                <PDFView ref={(pdf)=>{this.pdfView = pdf;}}
                     src={filePath}
                     onLoadComplete = {(pageCount)=>{
                        this.pdfView.setNativeProps({
                            zoom: 1.5
                        });
                     }}
                /> 
        )
    });
};

稍后在我调用它的代码中:

<TouchableHighlight onPress={this.createPDF} style={styles.button}>
               <Text>create pdf </Text>
</TouchableHighlight>

我得到了 AlertIOS，它看起来像一个有效的文件路径(任何检查路径是否正确的提示，请告诉我)但就是这样，我似乎没有在任何地方找到 test.pdf 文件。谁能告诉我做错了什么？

非常感谢，车夫特

Answer 1

我认为文件路径是文档目录，您可以通过首先单击 xcode 中的 windows 选项来浏览文件路径，然后单击设备选项找到设备选项，您的设备的所有信息都会出现，然后选择应用程序并查看它的容器，您将找到您的 pdf 文件。

var localpath= RNFS.DocumentDirectoryPath + filePath
    <PDFView ref={(pdf)=>{this.pdfView = pdf;}}
                         path={localpath}
                         onLoadComplete = {(pageCount)=>{
                            this.pdfView.setNativeProps({
                                zoom: 1.5
                            });
                         }}
                    /> 

写路径代替 src，因为它已被弃用。