arabic ui for authenticator

[Technical-Team-4Dev]

On which framework/platform would you like to see this feature implemented?

Flutter

Which UI component is this feature-request for?

Authenticator

Please describe your feature-request in detail.

i want to ask because i am not sure i searched a lot but i got no resault , i want to make the ui of the authenicator package in amplify in arabic language can i

Please describe a solution you'd like.

making arabic ui feature for authenticator if there is no

We love contributors! Is this something you'd be interested in working on?

• 👋 I may be able to implement this feature request.
• ⚠️ This feature might incur a breaking change.

[Technical-Team-4Dev]

here is my code

import 'package:flutter/material.dart';
import 'package:amplify_flutter/amplify_flutter.dart';
import 'package:amplify_auth_cognito/amplify_auth_cognito.dart';
import 'package:amplify_api/amplify_api.dart';
import 'package:amplify_datastore/amplify_datastore.dart';
import 'package:amplify_authenticator/amplify_authenticator.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

import 'package:technicalaccountant/amplifyconfiguration.dart';
import 'package:technicalaccountant/models/ModelProvider.dart';
import 'package:technicalaccountant/syncPages/sync_switch.dart';

class Auth extends StatefulWidget {
const Auth({Key? key}) : super(key: key);

@OverRide
State createState() => _AuthState();
}

class _AuthState extends State {
@OverRide
void initState() {
super.initState();
initPlatformState();
}

Future initPlatformState() async {
try {
if (!Amplify.isConfigured) {
await Amplify.addPlugins([
AmplifyAuthCognito(),
AmplifyDataStore(modelProvider: ModelProvider.instance),
AmplifyAPI(),
]);
await Amplify.configure(amplifyconfig);
}
} on AmplifyAlreadyConfiguredException {
debugPrint('Amplify is already configured.');
}
}

@OverRide
Widget build(BuildContext context) {
return SafeArea(
child: Authenticator(
child: MaterialApp(
debugShowCheckedModeBanner: false,
// Include the Authenticator builder.
builder: Authenticator.builder(),

      // 1. Add Arabic ('ar') to supportedLocales.
      supportedLocales: const [
        Locale('en'),
        Locale('ar'),
      ],

      // 2. Optionally force the app to use Arabic by default:
      // locale: const Locale('ar'),

      // 3. Add the AuthenticatorLocalizationsDelegate to localizationsDelegates:
      localizationsDelegates: const [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],

      home: Builder(
        builder: (BuildContext context) {
          return const SyncPage();
        },
      ),
    ),
  ),
);

}
}

[jordanvn]

Hi @Technical-Team-4Dev 👋 Thanks for opening this issue. Have you worked through the instructions for adding support for a language to the Authenticator (Authenticator > Customization > Internationalization) and created a lib/l10n/amplify_ar.arb file?

I am also transferring this ticket to amplify-flutter so you can get the most relevant help.

[Technical-Team-4Dev]

Hah great i will do that
And i am sorry for bathering