شارك المقالة

Flutter Document Scanner: وداعاً للأوراق! مسح ضوئي للمستندات بسهولة على هاتفك!

Flutter Document Scanner: وداعاً للأوراق! مسح ضوئي للمستندات بسهولة على هاتفك!

اكتشف الحل السحري لمسح ضوئي للمستندات على هاتفك مع مكتبة Flutter Document Scanner!


ما هي حزمة ماسح الوثائق في Flutter؟

تعد حزمة ماسح الوثائق في Flutter حزمة تسمح للمستخدمين بالتقاط صور للوثائق وقصها وتطبيق الفلاتر عليها.


ما هي ميزات حزمة ماسح الوثائق في Flutter؟

– التقاط الصور: تتيح الحزمة للمستخدمين التقاط صور للوثائق باستخدام كاميرا الجهاز.

– قص الصور: تتيح الحزمة للمستخدمين قص الصور لتحديد منطقة الوثيقة التي يرغبون في مسحها ضوئيًا.

– تطبيق الفلاتر: تتيح الحزمة للمستخدمين تطبيق الفلاتر على الصور لتحسين جودة المسح الضوئي.


كيف يمكن استخدام حزمة ماسح الوثائق في Flutter؟

– إضافة الحزمة كتبعية: أولاً، يجب عليك إضافة الحزمة كتبعية في ملف pubspec.yaml الخاص بتطبيقك.

– إضافة أذونات الكاميرا: ثانيًا، يجب عليك إضافة أذونات الكاميرا إلى ملفات AndroidManifest.xml و Info.plist.

– استخدام الحزمة: بعد ذلك، يمكنك استخدام الحزمة في تطبيق Flutter الخاص بك لالتقاط صور للوثائق وقصها وتطبيق الفلاتر عليها.


اضافة flutter_document_scanner  الى مشروعك


مثال حول استخدام flutter_document_scanner 

mport 'package:flutter/material.dart';
import 'package:flutter_document_scanner_example/pages/basic_page.dart';
import 'package:flutter_document_scanner_example/pages/custom_page.dart';
import 'package:flutter_document_scanner_example/pages/from_gallery_page.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData.light().copyWith(
        primaryColor: Colors.teal,
      ),
      title: 'Flutter Document Scanner',
      home: Builder(
        builder: (context) {
          return Scaffold(
            body: Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  // * Basic example page
                  ElevatedButton(
                    onPressed: () => Navigator.push<void>(
                      context,
                      MaterialPageRoute(
                        builder: (BuildContext context) => const BasicPage(),
                      ),
                    ),
                    child: const Text(
                      'Basic example',
                    ),
                  ),

                  // * Custom example page
                  ElevatedButton(
                    onPressed: () => Navigator.push<void>(
                      context,
                      MaterialPageRoute(
                        builder: (context) => const CustomPage(),
                      ),
                    ),
                    child: const Text(
                      'Custom example',
                    ),
                  ),

                  // * From gallery example page
                  ElevatedButton(
                    onPressed: () => Navigator.push<void>(
                      context,
                      MaterialPageRoute(
                        builder: (context) => const FromGalleryPage(),
                      ),
                    ),
                    child: const Text(
                      'From gallery example',
                    ),
                  ),
                ],
              ),
            ),
          );
        },
      ),
    );
  }
}

شاهد أيضًا
مقالات ذات صلة
كود تكبير الصور في Flutter عند النقر عليها مرتين مع امكانية تتبع الموقع المراد تكبيره

  كود تكبير الصور في Flutter عند النقر عليها مرتين مع امكانية تتبع الموقع المراد…

شرح كيفية اضافة بصمة جهازك لتطبيقك وامكانية فتح التطبيق بالبصمه فلاتر | Add FingerPrint flutter easy
شرح كيفية اضافة بصمة جهازك لتطبيقك وامكانية فتح التطبيق بالبصمه فلاتر | Add FingerPrint flutter easy

شرح كيفية اضافة بصمة جهازك  لتطبيقك وامكانية فتح التطبيق بالبصمه فلاترالبصمة اصبحت الان موضه شائعه…

كيفية حفظ مشروع machine learning واستخدمه في المشاريع

كيفية حفظ مشروع machine learning واستخدمه في المشاريع في هذة المقالة سوف نتعرف على كيفية…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع