Integrating WeAccess.Ai Sign Language SDK in Flutter

Step 1. Wrap MaterialApp with SignLanguage Widget

Edit your main.dart and wrap the MaterialApp inside the SignForDeaf widget:

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

Step 2. Handle Multi-Page Navigation

If your app uses custom routing or navigation logic, ensure SignForDeaf is built on every page.

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

Step 3. Integration with AutoRoute

To use the SDK with AutoRoute, define a custom route builder:

Router Config

@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 List

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