دمج حزمة SDK للغة الإشارة من WeAccess.Ai في Flutter

الخطوة 1. تغليف MaterialApp بودجة SignLanguage

حرّر ملف main.dart وغلّف MaterialApp داخل الودجة SignForDeaf:

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

  @override
  Widget build(BuildContext context) {
    return SignForDeaf(
      requestKey: 'YOUR_API_KEY',
      requestUrl: 'YOUR_API_URL',
      child: MaterialApp(
        title: 'Flutter App',
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
          useMaterial3: true,
        ),
        // ...
      ),
    );
  }
}

الخطوة 2. التعامل مع التنقل متعدد الصفحات

إذا كان تطبيقك يستخدم منطق توجيه أو تنقل مخصصًا، فتأكد من بناء SignForDeaf في كل صفحة.

مثال: استخدام MaterialApp.builder

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      builder: (context, child) {
        return SignForDeaf(
          requestKey: 'YOUR_API_KEY',
          requestUrl: 'YOUR_API_URL',
          child: child!,
        );
      },
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      // ...
    );
  }
}

الخطوة 3. التكامل مع AutoRoute

لاستخدام حزمة SDK مع AutoRoute، عرّف مُنشئ مسارات مخصصًا:

إعدادات الموجّه

@AutoRouterConfig()
class AppRouter extends $AppRouter {
  @override
  List get routes => [...routesList];

  static PageRouteBuilder signForDeafBuilder(
    BuildContext context,
    Widget child,
    Page page,
    RouteTransitionsBuilder transitionsBuilder,
  ) {
    return PageRouteBuilder(
      settings: page,
      pageBuilder: (_, __, ___) {
        return SignForDeaf(
          requestKey: 'YOUR_API_KEY',
          requestUrl: 'YOUR_API_URL',
          child: child!,
        );
      },
      transitionsBuilder: transitionsBuilder,
    );
  }
}

قائمة المسارات

List routesList = [
  CustomRoute(
    page: Route.page,
    customRouteBuilder: (context, child, page) =>
        AppRouter.signForDeafBuilder(context, child, page, TransitionsBuilders.fadeIn),
  ),
];