Полное руководство по локализации во Flutter: методы и примеры кода

Локализация – важнейший аспект разработки мобильных приложений, позволяющий адаптировать контент и пользовательский интерфейс вашего приложения к различным языкам и регионам. Во Flutter локализация может быть достигнута различными методами. В этой статье мы рассмотрим несколько методов и предоставим примеры кода, которые помогут вам эффективно реализовать локализацию в ваших приложениях Flutter.

  1. Использование пакета flutter_localizations:
    Flutter предоставляет пакет flutter_localizations, который предлагает встроенную поддержку локализации. Включив этот пакет в зависимости вашего проекта, вы получаете доступ к набору предопределенных делегатов локализации, таких как GlobalMaterialLocalizationsи GlobalCupertinoLocalizations

Пример:

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
        // Additional delegates if required
      ],
      supportedLocales: [
        Locale('en', 'US'), // English - United States
        Locale('es', 'ES'), // Spanish - Spain
        // Add more supported locales
      ],
      // Rest of your app configuration
      home: MyHomePage(),
    );
  }
}
  1. Использование пакета intl.
    Пакет intlпредоставляет расширенные возможности локализации во Flutter. Он позволяет вам определять и управлять переводами для разных локалей, используя файлы JSON или другие форматы. С помощью этого пакета вы можете обрабатывать множественное число, форматирование даты и многое другое.

Пример:

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:intl/date_symbol_data_local.dart';
void main() {
  initializeDateFormatting().then((_) {
    runApp(MyApp());
  });
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        // Add your custom delegates
        GlobalMaterialLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en', 'US'),
        Locale('es', 'ES'),
      ],
      // Rest of your app configuration
      home: MyHomePage(),
    );
  }
}
class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final now = DateTime.now();
    final formattedDate = DateFormat.yMMMMd().format(now);
    return Scaffold(
      appBar: AppBar(
        title: Text('My App'),
      ),
      body: Center(
        child: Text(
          'Today is $formattedDate',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}
  1. Использование пакета easy_localization.
    Пакет easy_localizationупрощает процесс локализации, предоставляя простой в использовании API и поддерживая такие функции, как множественное число, гендерный анализ. специальные переводы и многое другое. Он также позволяет вам динамически переключаться между языковыми стандартами в вашем приложении.

Пример:

import 'package:flutter/material.dart';
import 'package:easy_localization/easy_localization.dart';
void main() {
  runApp(
    EasyLocalization(
      supportedLocales: [Locale('en', 'US'), Locale('es', 'ES')],
      path: 'assets/translations', // Path to your translations folder
      fallbackLocale: Locale('en', 'US'),
      child: MyApp(),
    ),
  );
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: context.localizationDelegates,
      supportedLocales: context.supportedLocales,
      locale: context.locale,
      // Rest of your app configuration
      home: MyHomePage(),
    );
  }
}
class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My App').tr(),
      ),
      body: Center(
        child: Text(
          'hello'.tr(),
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

В этой статье мы рассмотрели несколько методов реализации локализации во Flutter. Мы рассмотрели использование пакета flutter_localizations, пакета intlи пакета easy_localization, каждый из которых снабжен примерами кода, иллюстрирующими их использование. Используя эти методы, вы можете сделать свои приложения Flutter доступными для пользователей по всему миру, обеспечивая расширенный пользовательский интерфейс на нескольких языках.

Локализация – важный аспект разработки мобильных приложений, позволяющий разработчикам адаптировать свои приложения к различным языкам и регионам. Во Flutter локализация может быть достигнута различными методами. Вот несколько методов с примерами кода:

  1. Использование пакета flutter_localizations:
    Пакет flutter_localizationsобеспечивает встроенную поддержку локализации во Flutter. Чтобы использовать этот пакет, включите его в зависимости вашего проекта и настройте поддерживаемые локали и делегаты локализации.

Пример:

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en', 'US'),
        Locale('es', 'ES'),
        // Add more supported locales
      ],
      // App configuration
    );
  }
}
  1. Использование пакета intl:
    intl

Пример:

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:intl/date_symbol_data_local.dart';
void main() {
  initializeDateFormatting().then((_) {
    runApp(MyApp());
  });
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en', 'US'),
        Locale('es', 'ES'),
        // Add more supported locales
      ],
      // App configuration
    );
  }
}
  1. Использование пакета easy_localization:
    easy_localization

Пример:

import 'package:flutter/material.dart';
import 'package:easy_localization/easy_localization.dart';
void main() {
  runApp(
    EasyLocalization(
      supportedLocales: [Locale('en', 'US'), Locale('es', 'ES')],
      path: 'assets/translations',
      fallbackLocale: Locale('en', 'US'),
      child: MyApp(),
    ),
  );
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: context.localizationDelegates,
      supportedLocales: context.supportedLocales,
      locale: context.locale,
      // App configuration
    );
  }
}

В этой статье мы рассмотрели различные методы реализации локализации во Flutter, включая пакет flutter_localizations, пакет intlи пакет easy_localization. упаковка. Эти методы предоставляют разработчикам возможность эффективно локализовать свои приложения и обслуживать глобальную аудиторию.