You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter Quill多编辑器内容同步异常:如何配置独立控制器?

解决flutter_quill多编辑器内容同步问题

问题根源是你两个QuillEditor.basic共用了同一个QuillController,且通过全局QuillProvider注入,导致内容自动同步。flutter_quill完全支持多编辑器,只需给每个编辑器配置独立的控制器即可,具体步骤如下:

  1. 初始化两个独立的QuillController
final quillController1 = QuillController.basic();
final quillController2 = QuillController.basic();
  1. 给每个QuillEditor.basic单独指定控制器
    不需要依赖全局的QuillProvider,直接在QuillEditorConfigurations中传入对应控制器:

第一个编辑器代码:

QuillEditor.basic(
  scrollController: sentenceScrollController1,
  configurations: QuillEditorConfigurations(
    controller: quillController1,
    readOnly: false,
  ),
),

第二个编辑器代码:

QuillEditor.basic(
  scrollController: sentenceScrollController2,
  configurations: QuillEditorConfigurations(
    controller: quillController2,
    readOnly: false,
  ),
),

这样两个编辑器就会各自维护独立的内容,不会出现同步问题。

内容的提问来源于stack exchange,提问作者NaFa

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 22:04:55