Flutter语言翻译插件solmood_translator的使用

Flutter语言翻译插件solmood_translator的使用

概述

solmood_translator 是一个免费的 Google 翻译 API，适用于 Dart 语言。

使用方法

首先，将 solmood_translator 添加到你的项目中。你可以在命令行中运行以下命令：

flutter pub add solmood_translator

或者，你也可以手动将以下依赖项添加到 pubspec.yaml 文件中：

dependencies:
  solmood_translator: ^1.0.0

接下来，我们来看一下如何在应用中使用该插件。

示例代码

以下是完整的示例代码，展示了如何在 Flutter 应用中使用 solmood_translator 插件进行翻译。

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Solmood translator',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      debugShowCheckedModeBanner: false,
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({
    super.key,
  });

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final engine = SolmoodTranslatorEngine();
  String translated = '';

  final text = "Hello world";

  void _incrementCounter() async {
    final trans = await engine.translate(text, to: 'fr');
    setState(() {
      translated = trans.toString();
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text("Solmood Translator Daemon"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Text(
              text,
            ),
            Text(
              translated,
              style: Theme.of(context).textTheme.bodySmall,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Translate',
        child: const Icon(Icons.translate),
      ),
    );
  }
}

详细说明

1. 初始化翻译引擎：

   final engine = SolmoodTranslatorEngine();
   

2. 定义要翻译的文本：

   final text = "Hello world";
   

3. 调用翻译方法：

   void _incrementCounter() async {
     final trans = await engine.translate(text, to: 'fr');
     setState(() {
       translated = trans.toString();
     });
   }
   

   这里使用了 await 关键字来等待翻译完成，并将结果存储在 translated 变量中。然后通过 setState 方法更新 UI。

4. UI 展示：

   [@override](/user/override)
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         backgroundColor: Theme.of(context).colorScheme.inversePrimary,
         title: const Text("Solmood Translator Daemon"),
       ),
       body: Center(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
           children: [
             Text(
               text,
             ),
             Text(
               translated,
               style: Theme.of(context).textTheme.bodySmall,
             ),
           ],
         ),
       ),
       floatingActionButton: FloatingActionButton(
         onPressed: _incrementCounter,
         tooltip: 'Translate',
         child: const Icon(Icons.translate),
       ),
     );
   }