如何在flutter中的文本小部件中显示Quill控制器文本？

Question

每当我单击 Quill Editor 的文本时，都会出现一个光标（“|”），该光标在编辑时通常可见。我不希望光标出现并且不知道如何防止它出现？

目前我正在使用 Quill Editor 来显示

QuillController

和

readonly : true

的文本，例如：

QuillEditor.basic(
    controller: _controller,
    focusNode: _focusNode,
    autoFocus: false,
    readOnly: true,
),

我还尝试使用

Text()

小部件来显示

_controller.document.toPlainText()

但这会删除文本的格式：

Text(
    _controller.document.toPlainText().toString(),
    style: TextStyle(
        fontSize: regulartextsize,
    ),
 ),

Answer 1

我很久以前也遇到过这个问题。所以...我知道您可以传递一个简单的参数来隐藏光标。

首先，你需要自己创建一个鹅毛笔编辑器，然后像这个例子一样传递值

// QuillToolbar.basic(controller: _controller),
QuillEditor(
    controller: _controller,
    scrollController: _scrollController, // ScrollController(),
    scrollable: true,
    focusNode: _focusNode, // FocusNode(canRequestFocus: false),
    autoFocus: false,
    readOnly: false,
    expands: true,
    showCursor: false,    // <--- This is important for hiding the cursor
    padding: const EdgeInsets.all(16),
),