ترجمه التطبيق الخاص بك بشكل كامل لاكثر من لغة باستخدام google translate في تطبيقات Flutter

ترجمه التطبيق الخاص بك بشكل كامل لاكثر من لغة باستخدام google translate في تطبيقات Flutter

وضع اكثر من لغة داخل تطبيقك اصبح امر مهم جدا جدا في تطبيقات الجوال بحيث يجلب لك عدد كبير من المستخدمين لتطبيقك وتحسين الترافيك لديك وجعل تطبيقك قادر على استيعاب اكبر عدد من المستخدمين ويوجد اكثر من طريقة لترجمه واضافة اكثر من لغة لتطبيقك وفي هذه المقالة سوف نشرح لكم واحد من هذه الطرق الشهره وهيا بواسطة استخدام google translate وهيا عباره عن مكتبة موجوده لديك في pub dev نشاركها معكم اليوم .

add package :

translator: ^0.1.7

خطوات استعامل مكتبة translator في تطبيقات فلاتر .

بعد تثبيت المكتبة يمكنك استخدام الكود التالي من اجل ترجمة اي نص ترغب به وهيا من خلال وضع النص واختيار اللغه التي تريد تحويل النص لها .

final translator = GoogleTranslator();

  final input = "Здравствуйте. Ты в порядке?";

  translator.translate(input, from: 'ru', to: 'en').then(print);
  // prints Hello. Are you okay?
  
  var translation = await translator.translate("Dart is very cool!", to: 'pl');
  print(translation);
  
  

ويمكنك استخدام FutureBuilder ايضا لكتابة كود منسق للحصول على الترجمه بشكل افضل كما هو موضح بالكود التالي

FutureBuilder(
            future: translator.translate(title, to: 'en'),
            builder: (context, snapshot) => Text(
                snapshot.hasData
                    ? isComplete
                        ? snapshot.data.toString().complete(42)
                        : snapshot.data.toString()
                    : title,
                textAlign: align ?? TextAlign.start,
                overflow: TextOverflow.ellipsis,
                maxLines: maxLine ?? 999,
                style: style ??
                    Theme.of(context).textTheme.displaySmall!.copyWith(
                          color: color ??
                              Theme.of(context).textTheme.displaySmall!.color!,
                          fontFamily: fontFamily ??
                              Theme.of(context)
                                  .textTheme
                                  .displaySmall!
                                  .fontFamily!,
                          fontSize: size ??
                              Theme.of(context)
                                  .textTheme
                                  .displaySmall!
                                  .fontSize!,
                          fontWeight: fontWeight ??
                              Theme.of(context)
                                  .textTheme
                                  .displaySmall!
                                  .fontWeight!,
                        )));