Integrar o SDK de Língua Gestual WeAccess.Ai no Flutter

Integrar o SDK de Língua Gestual WeAccess.Ai no Flutter
Passo 1. Envolver o MaterialApp com o Widget SignLanguage
Edite o seu main.dart e envolva o MaterialApp no widget 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,
),
// ...
),
);
}
}Passo 2. Gerir a Navegação Multipágina
Se a sua aplicação utiliza lógica de encaminhamento ou navegação personalizada, certifique-se de que o SignForDeaf é construído em todas as páginas.
Exemplo: Utilizar 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,
),
// ...
);
}
}Passo 3. Integração com o AutoRoute
Para utilizar o SDK com o AutoRoute, defina um construtor de rotas personalizado:
Configuração do Router
@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,
);
}
}Lista de Rotas
List routesList = [
CustomRoute(
page: Route.page,
customRouteBuilder: (context, child, page) =>
AppRouter.signForDeafBuilder(context, child, page, TransitionsBuilders.fadeIn),
),
];
