شارك المقالة

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',
                    ),
                  ),
                ],
              ),
            ),
          );
        },
      ),
    );
  }
}

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

 شرح FittedBox ووضع اقصى حجم للعنصر بدون مشاكل في فلاترهل جربت في يوم من الايام…

تصميم صفحة تسجيل دخول احترافية في فلاتر مع animation

  تصميم صفحة تسجيل دخول احترافية في Flutter مع animationفي هذا الكود سوف نقوم بعمل…

مجموعة من الاختصارات التي لا يعرفها الكثير من المبرمجين في برنامج android studio وتسهل عليك العمل

  مجموعة من الاختصارات التي لا يعرفها الكثير من المبرمجين في برنامج android studio وتسهل…

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

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