Flutter文本翻译插件mfereji的使用

Flutter 文本翻译插件 mfereji 的使用

本文将介绍如何在 Flutter 应用程序中使用 mfereji 插件进行文本翻译。我们将从初始化插件开始，并展示一个完整的示例 Demo。

初始化插件

首先，我们需要导入 mfereji 包并初始化客户端。以下是如何初始化 mfereji 客户端的代码：

import 'package:mfereji/mfereji.dart' as mfereji;

// 初始化客户端
void init() {
  // 创建 WebSocket 连接
  _client = mfereji.createClient(
    AppConfig.mferejiPresenceConnectUrl, // 配置连接 URL
    mfereji.ClientConfig(
      token: chatToken, // 使用您的 token
    ),
  );
}

完整示例 Demo

接下来，我们通过一个完整的示例来展示如何使用 mfereji 插件进行文本翻译。我们将创建一个简单的 Flutter 应用程序，该应用程序允许用户输入文本并将其翻译成另一种语言。

import 'package:flutter/material.dart';
import 'package:mfereji/mfereji.dart' as mfereji;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Text Translation Demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('文本翻译 Demo'),
        ),
        body: TranslationPage(),
      ),
    );
  }
}

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

class _TranslationPageState extends State<TranslationPage> {
  final TextEditingController _controller = TextEditingController();
  String translatedText = '';

  void init() {
    // 创建 WebSocket 连接
    _client = mfereji.createClient(
      AppConfig.mferejiPresenceConnectUrl, // 配置连接 URL
      mfereji.ClientConfig(
        token: chatToken, // 使用您的 token
      ),
    );
  }

  Future<void> translateText(String text) async {
    // 调用翻译方法
    String result = await _client.translate(text, targetLanguage: 'en'); // 将文本翻译成英语
    setState(() {
      translatedText = result; // 更新翻译后的文本
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        children: <Widget>[
          TextField(
            controller: _controller,
            decoration: InputDecoration(hintText: '请输入要翻译的文本'),
          ),
          SizedBox(height: 20),
          RaisedButton(
            onPressed: () {
              translateText(_controller.text); // 翻译输入的文本
            },
            child: Text('翻译'),
          ),
          SizedBox(height: 20),
          Text(
            '翻译结果：$translatedText',
            style: TextStyle(fontSize: 18),
          ),
        ],
      ),
    );
  }
}