如何在Flutter翻译APP中动态读取文件并实时更新内容展示

你的代码用rootBundle.loadString('assets/trans_input.txt')加载的是打包时嵌入应用的静态assets文件——这类文件在应用安装后会被放在只读目录，运行时修改项目里的assets文件无法同步到已安装应用中，必须重启重新打包才能生效。要实现修改文件后自动读取，需换用可读写存储+文件监听的方案。

核心思路 #

1. 将输入文件移到应用的可读写外部存储目录（比如Documents目录），放弃静态assets。
2. 监听该文件的变化事件，当内容更新时自动重新读取并触发翻译。

具体实现步骤 #

1. 添加依赖 #

在pubspec.yaml中添加path_provider依赖，用于获取应用的可读写目录：

dependencies:
  flutter:
    sdk: flutter
  path_provider: ^2.1.1

2. 替换文件加载与监听逻辑 #

替换原有getData和resultTranslate方法，改为以下代码：

import 'dart:io';
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:path_provider/path_provider.dart';

class TranslationPage extends StatefulWidget {
  @override
  _TranslationPageState createState() => _TranslationPageState();
}

class _TranslationPageState extends State<TranslationPage> {
  String userinput = '';
  String result = '';
  late File _inputFile;
  StreamSubscription<FileSystemEvent>? _fileListener;
  Timer? _debounceTimer;

  @override
  void initState() {
    super.initState();
    _setupFileAndListener();
  }

  Future<void> _setupFileAndListener() async {
    // 获取应用的Documents目录（可读写）
    Directory docsDir = await getApplicationDocumentsDirectory();
    _inputFile = File('${docsDir.path}/trans_input.txt');

    // 若文件不存在则创建初始文件
    if (!await _inputFile.exists()) {
      await _inputFile.writeAsString('请输入翻译文本');
    }

    // 读取初始内容
    await _readFile();
    // 监听文件变化（添加防抖避免重复触发）
    _fileListener = _inputFile.watch().listen((_) => _debounceReadFile());
  }

  void _debounceReadFile() {
    _debounceTimer?.cancel();
    _debounceTimer = Timer(const Duration(milliseconds: 300), () => _readFile());
  }

  Future<void> _readFile() async {
    String content = await _inputFile.readAsString();
    setState(() {
      userinput = content;
    });
    // 自动触发翻译
    await _resultTranslate();
  }

  Future<void> _resultTranslate() async {
    // 保留你的翻译逻辑，替换成实际的translation.text获取逻辑
    setState(() {
      result = "翻译结果：$userinput";
      // tts.speak(result); // 保留你的TTS播放逻辑
    });
  }

  @override
  void dispose() {
    // 取消监听和定时器，防止内存泄漏
    _fileListener?.cancel();
    _debounceTimer?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('文本翻译')),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const Text('输入文本：'),
            Expanded(child: SingleChildScrollView(child: Text(userinput))),
            const SizedBox(height: 16),
            const Text('翻译结果：'),
            Expanded(child: SingleChildScrollView(child: Text(result))),
          ],
        ),
      ),
    );
  }
}

3. 关键注意事项 #

• 文件存放位置：用户需要将trans_input.txt放到应用的Documents目录下（可通过手机文件管理器找到对应应用的Documents文件夹，或在应用内添加文件编辑/导入功能）。
• 权限配置：针对Android 13+或iOS，若需访问外部存储文件，需在AndroidManifest.xml或Info.plist中添加对应权限。
• 防抖逻辑：代码中加入了300ms防抖，避免部分系统对文件变化触发多次事件导致重复加载。

内容的提问来源于stack exchange，提问作者user21077888