شارك المقالة

ترجمه التطبيق الخاص بك بشكل كامل لاكثر من لغة باستخدام 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!,
                        )));
                        

شاهد أيضًا
مقالات ذات صلة
MVI Architecture Pattern في Flutter: تحكم دقيق في تدفق البيانات وتجربة مستخدم تفاعلية

MVI Architecture Pattern في Flutter: تحكم دقيق في تدفق البيانات وتجربة مستخدم تفاعليةلو شخص مهتم…

شرح كيفية عرض المزيد من العناصر عند الوصول الى نهايه الصفحة | pagination scroll down flutter

شرح كيفية عرض المزيد من العناصر عند الوصول الى نهايه الصفحة | pagination scroll down…

طريقة ربط صفحات الاندرويد ستوديو ببعضها

  متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio عند تصميم…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع