localize_and_translate

Flutter localization in easy steps

Screenshots

Tutorial

Video

• Arabic : https://www.youtube.com/watch?v=nfDYussovfQ
• English : Next..

Methods

Installation

• add .json translation files as assets
• For example : 'assets/lang/ar.json' | 'assets/lang/en.json'
• structure should look like

{
    "appTitle": " ", 
    "buttonTitle": "English", 
    "textArea": "      "
}

• define them as assets in pubspec.yaml

flutter:
  assets:
    - assets/lang/

Initialization

• Add imports to main.dart
• Make main() async and do the following
• Ensure flutter activated WidgetsFlutterBinding.ensureInitialized()
• Initialize await translator.init(); with neccassry parameters
• Inside runApp() wrap entry class with LocalizedApp()
• Note : make sure you define it's child into different place "NOT INSIDE"

import 'package:flutter/material.dart';
import 'package:localize_and_translate/localize_and_translate.dart';

main() async {
  // if your flutter > 1.7.8 :  ensure flutter activated
  WidgetsFlutterBinding.ensureInitialized();

  await translator.init(
    localeType: LocalizationDefaultType.device,
    languagesList: <String>['ar', 'en'],
    assetsDirectory: 'assets/lang/',
  );

  runApp(
    LocalizedApp(
      child: MyApp(),
    ),
  );
}

• LocalizedApp() child example -> MaterialApp()

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Home(),
      localizationsDelegates: translator.delegates, // Android + iOS Delegates
      locale: translator.locale, // Active locale
      supportedLocales: translator.locals(), // Locals list
    );
  }
}

Usage

• use translate('appTitle')
• use setNewLanguage(context, newLanguage: 'ar', remember: true, restart: true);

Example

Contributors