WeAccess.Ai İşaret Dili SDK’sını Flutter’a Entegre Etme

Adım 1. MaterialApp’i SignLanguage Widget’ıyla Sarmalayın

main.dart dosyanızı düzenleyin ve MaterialApp’i SignForDeaf widget’ının içine alın:

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,
        ),
        // ...
      ),
    );
  }
}

Adım 2. Çok Sayfalı Gezinmeyi Yönetin

Uygulamanız özel yönlendirme veya gezinme mantığı kullanıyorsa SignForDeaf’in her sayfada oluşturulduğundan emin olun.

Örnek: MaterialApp.builder kullanımı

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,
      ),
      // ...
    );
  }
}

Adım 3. AutoRoute ile Entegrasyon

SDK’yı AutoRoute ile kullanmak için özel bir route builder tanımlayın:

Router yapılandırması

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

Route listesi

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