كيف يمكن عرض ملف pdf فى معرض google dirve بدل من عرضة داخل التطبيق

كيف يمكن عرض ملف pdf فى معرض google dirve بدل من عرضة داخل التطبيق

استخدم react native cli

استخدم مكتبة react-native-html-to-pdf

لانشاء الملف شكرااا مقدما

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

اعتقد انه لا يمكن عرض ملفات PDF مباشرة في Google Drive من خلال تطبيق React Native. ولكن، يمكنك إنشاء رابط مشترك للملف على Google Drive ومشاركته مع المستخدمين و من ثم استخدام webview لتعرض الملف من خلال الرابط.

بعد وضعك للملف داخل google drive و نسخ الرابط الخاص به قم بتضمينه في تطبيقك.

 يمكنك استخدام مكتبة react-native-webview لتستخدم عارض الويب وعرض الرابط.

import React from 'react';
import { WebView } from 'react-native-webview';
const GoogleDriveViewer = () => {
 const pdfUrl = 'رابط الملف على google drive';
 return (
  <WebView
   source={{ uri: pdfUrl }}
   style={{ flex: 1 }}
  />
 );
}
export default GoogleDriveViewer;

هل عند انشاء الرابط يلازم المستخدم ان يكون متصل بالانترنت

نعم يلزم ذلك لأنك تستخدم webview فقط، اذا كنت تريد ان يكون الأمر بدون انترنت يجب ان تضيف الملف الى قاعدة البيانات الخاصة بالتطبيق.

تمام شكرا لك اخى الكريم

السؤال غير واضح قليلا، لكن ما فهمته هو أنك تريد عرض ملف pdf موجود في google drive، فلما لا تستخدم مكتبة "react-native-pdf"، التي توفر واجهة برمجة تطبيقات (API) لعرض ملفات PDF في تطبيق React Native.

وإليك مثال:

import { PDFView } from 'react-native-pdf';

<PDFView
  fadeInDuration={250.0}
  style={{ flex: 1 }}
  resource={{
    uri: 'https://drive.google.com/your-pdf-file-link'
  }}
/>

حيث 'http s://drive.google.com/your-pdf-file-link' هو رابط الملف PDF الذي تريد عرضه.

ويمكنك ضبط الخصائص وفقًا لاحتياجاتك، وتستطيع العثور على مزيد من التفاصيل حول خيارات التكوين في وثائق react-native-pdf:

شكرا لك تم الحل