Flutter翻译引擎插件translation_engine_deepl的使用

Flutter翻译引擎插件translation_engine_deepl的使用

translation_engine_deepl 是一个用于在 Flutter 应用中集成 DeepL 翻译功能的插件。它可以帮助开发者快速实现多语言支持，并通过 DeepL API 提供高质量的翻译服务。

特性

• 支持多种语言之间的翻译。
• 基于 DeepL 的强大翻译引擎。
• 易于集成到现有的 Flutter 项目中。

安装

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

dependencies:
  translation_engine_deepl: ^1.0.0

然后运行以下命令以安装依赖：

flutter pub get

使用示例

以下是一个完整的示例，展示如何在 Flutter 中使用 translation_engine_deepl 插件进行翻译。

示例代码

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TranslationExample(),
    );
  }
}

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

class _TranslationExampleState extends State<TranslationExample> {
  String _sourceText = "Hello, world!";
  String _translatedText = "";
  bool _isLoading = false;

  Future<void> translateText() async {
    setState(() {
      _isLoading = true;
    });

    try {
      // 初始化翻译引擎
      final translator = TranslationEngineDeepl();

      // 调用翻译方法
      String translatedText = await translator.translate(
        text: _sourceText,
        sourceLanguage: "EN",
        targetLanguage: "ZH", // 目标语言为中文
      );

      setState(() {
        _translatedText = translatedText;
        _isLoading = false;
      });
    } catch (e) {
      setState(() {
        _isLoading = false;
      });
      print("Translation failed: $e");
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("DeepL 翻译示例"),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextField(
              decoration: InputDecoration(hintText: "请输入要翻译的文本"),
              onChanged: (value) {
                setState(() {
                  _sourceText = value;
                });
              },
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: translateText,
              child: _isLoading
                  ? CircularProgressIndicator()
                  : Text("翻译"),
            ),
            SizedBox(height: 20),
            Text(
              "翻译结果: $_translatedText",
              style: TextStyle(fontSize: 18),
            ),
          ],
        ),
      ),
    );
  }
}