كيف يمكن الوصول الى ملفات الهاتف react native

ما فهمته هو أنك تريد للوصول إلى ملفات الهاتف باستخدام React Native، صحيح؟

إذن عليك باستخدام مكتبة مثل "react-native-fs" للتفاعل مع نظام الملفات الخاص بالجهاز كالتالي:

1- تثبيت المكتبة:

npm install react-native-fs 

ثم عليك بربط المكتبة بالمشروع، وتعتمد الخطوات اللاحقة على إصدار React Native الذي تستخدمه، وستجد التعليمات المحدثة لربط المكتبة مع مشروعك في مستندات "react-native-fs".

2- إنشاء ملف PDF:

أولاً استيراد المكتبة في المشروع:

import RNFS from 'react-native-fs';

ثم استخدام الدوال المتاحة في المكتبة لإنشاء ملف PDF، ومنها الدالة RNFS.writeFile() لإنشاء الملف وكتابة المحتوى فيه:

const createPDF = async () => {
  const path = RNFS.DocumentDirectoryPath + '/example.pdf';


  try {
    await RNFS.writeFile(path, 'محتوى الملف PDF', 'utf8');
    console.log('تم إنشاء الملف PDF بنجاح');
  } catch (error) {
    console.log('حدث خطأ في إنشاء الملف PDF', error);
  }
};

وسيتم إنشاء ملف باسم "example.pdf" في مجلد DocumentDirectoryPath، وكتابة نص "محتوى الملف PDF" في الملف.

وما يحدث هو أنه يتم إنشاء متغير path وتعيينه بقيمة مسار المجلد الذي يُستخدم لتخزين الملفات المستندة في React Native.

و RNFS.DocumentDirectoryPath هو متغير توفره مكتبة "react-native-fs"، ويحتوي على المسار الكامل لمجلد التخزين الخاص بالمستندات في الجهاز.

وعند إضافة '/example.pdf' إلى نهاية المسار، سينشيء مسار كامل لملف الـ PDF الذي سيتم إنشاؤه، أي تعيين اسم الملف كـ "example.pdf"، وتخزينه في مجلد المستندات الإفتراضي في الهاتف.

3- التحقق من وجود الملف:

بعد إنشاء الملف، تستطيع التحقق من وجوده باستخدام الدالة RNFS.exists():

const checkFileExists = async () => {
  const path = RNFS.DocumentDirectoryPath + '/example.pdf';


  try {
    const fileExists = await RNFS.exists(path);
    if (fileExists) {
      console.log('الملف موجود في المسار:', path);
    } else {
      console.log('الملف غير موجود');
    }
  } catch (error) {
    console.log('حدث خطأ في التحقق من وجود الملف', error);
  }
};

وسيطبع رسالة توضح ما إذا كان الملف موجودًا في المسار المحدد أم لا.

تذكر أنه يجب إعطاء الإذن للتطبيق للوصول إلى ملفات الهاتف، وفي حالة استخدام React Native للأندرويد، بإمكانك تعيين الإذن في ملف "AndroidManifest.xml"، وفي حالة iOS، عليك بتعيين الإذن في ملف "Info.plist".

وقد تجد النقاش التالي مفيد لك أيضًا حول ملفات PDF: