如何在react native expo中将图像添加到pdf文件并进行打印

import React from 'react';
import { View, Button } from 'react-native';
import * as Print from 'expo-print';
import * as FileSystem from 'expo-file-system';

export default function PrintImageToPDF() {
  const handlePrint = async () => {
    try {
      // 从网络或本地加载图像
      const imageUri = 'https://example.com/image.jpg'; // 替换为你的图像URL或本地路径

      // 将图像转换为Base64编码
      const base64Image = await FileSystem.readAsStringAsync(imageUri, {
        encoding: FileSystem.EncodingType.Base64,
      });

      // 创建PDF文档
      const pdfUri = FileSystem.cacheDirectory + 'image.pdf';

      await Print.printToFileAsync({
        html: `<img src="data:image/jpeg;base64,${base64Image}" />`,
        width: 612, // A4纸的宽度
        height: 792, // A4纸的高度
        base64: true,
        filePath: pdfUri,
      });

      // 打印PDF文档
      await Print.printAsync({ uri: pdfUri });
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <View>
      <Button title="打印图像" onPress={handlePrint} />
    </View>
  );
}

import React from 'react';
import { View } from 'react-native';
import PrintImageToPDF from './PrintImageToPDF';

export default function App() {
  return (
    <View>
      {/* 其他组件 */}
      <PrintImageToPDF />
    </View>
  );
}