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

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: ^1.1.1


مثال حول استخدام 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',
                    ),
                  ),
                ],
              ),
            ),
          );
        },
      ),
    );
  }
}

Comments