Flutter Translate 开源项目教程

最新推荐文章于 2024-08-20 08:59:16 发布

单迅秋

最新推荐文章于 2024-08-20 08:59:16 发布

阅读量443

点赞数 8

本文链接：https://blog.csdn.net/gitblog_00330/article/details/141246209

版权

Flutter Translate 开源项目教程

flutter_translateFlutter Translate is a fully featured localization / internationalization (i18n) library for Flutter.项目地址:https://gitcode.com/gh_mirrors/fl/flutter_translate

项目介绍

Flutter Translate 是一个功能全面的国际化（i18n）和本地化（L10n）库，专门为 Flutter 设计。它允许开发者为不同语言的内容定义翻译，并轻松地在这些语言之间切换。该库支持多种平台，包括 Android、iOS、Linux、macOS 和 Windows。

项目快速启动

安装

首先，在 pubspec.yaml 文件中添加 flutter_translate 依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_translate: ^4.1.0

然后运行 flutter pub get 来安装依赖。

配置

创建一个 assets/i18n 目录，并在其中添加你的翻译文件，例如 en.json 和 zh.json。
在 main.dart 中初始化 flutter_translate：

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

void main() async {
  var delegate = await LocalizationDelegate.create(
    fallbackLocale: 'en',
    supportedLocales: ['en', 'zh'],
    assetsDirectory: 'assets/i18n/',
  );

  runApp(MyApp(localizationDelegate: delegate));
}

class MyApp extends StatelessWidget {
  final LocalizationDelegate localizationDelegate;

  MyApp({required this.localizationDelegate});

  @override
  Widget build(BuildContext context) {
    return LocalizedApp(
      localizationDelegate,
      MaterialApp(
        localizationsDelegates: [localizationDelegate],
        supportedLocales: localizationDelegate.supportedLocales,
        locale: localizationDelegate.currentLocale,
        home: HomePage(),
      ),
    );
  }
}

使用

在你的 Widget 中使用翻译：

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

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(translate('app_title')),
      ),
      body: Center(
        child: Text(translate('welcome_message')),
      ),
    );
  }
}