شارك المقالة

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

شاهد أيضًا
مقالات ذات صلة
كيف تستطيع تعلم البرمجة عن طريق الهاتف بطريقة ممتعه وبسيطة | How to learn programming

  كما نعلم ان البرمجه في العصر الحالي واحده من اهم المهارات التي يجب ان…

شرح NestedScrollView وانشاء واجهة profile تطبيق instagram في Flutter

شرح NestedScrollView وانشاء واجهة profile تطبيق instagram في Flutter في هذا المقال سوف نشرح معكم…

كود برنامج بلغة c++ يقوم بطباعة فانوس رمضان ( اكواد سي بلس بلس بالعربي )

كود برنامج بلغة c++ يقوم بطباعة فانوس رمضان مرحبا بكم في موقع GeeCoders من جديد,…

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

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