Flutter多语言支持插件toplanguage的使用

Description:

此插件是Codecanyon中Flutter应用模板的一个有用工具包，它可以帮助你实现多语言支持。

Installation:

在你的pubspec.yaml文件中添加以下依赖项：

dependencies:
  toplanguage: ^0.0.2

完整示例Demo

以下是一个完整的示例，展示如何使用toplanguage插件来实现Flutter应用的多语言支持。

步骤1：初始化插件

首先，在你的main.dart文件中初始化toplanguage插件。

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter 多语言示例',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MultiLanguageExample(),
    );
  }
}

步骤2：创建多语言支持页面

接下来，创建一个页面来演示多语言切换功能。

class MultiLanguageExample extends StatefulWidget {
  [@override](/user/override)
  _MultiLanguageExampleState createState() => _MultiLanguageExampleState();
}

class _MultiLanguageExampleState extends State<MultiLanguageExample> {
  // 初始化语言选择器
  LanguageController languageController = LanguageController();

  [@override](/user/override)
  void initState() {
    super.initState();
    // 设置默认语言为中文
    languageController.setLocale(Locale('zh', 'CN'));
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('多语言示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('你好，世界！'), // 默认中文文本
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 切换到英文
                languageController.setLocale(Locale('en', 'US'));
              },
              child: Text('切换到英文'),
            ),
            SizedBox(height: 10),
            ElevatedButton(
              onPressed: () {
                // 切换到中文
                languageController.setLocale(Locale('zh', 'CN'));
              },
              child: Text('切换回中文'),
            ),
          ],
        ),
      ),
    );
  }
}