Flutter如何默认显示文本选择栏？无需用户长按或双击文本区域

要实现无需用户长按/双击，默认显示文本选择栏（包含选择手柄），你需要手动触发SelectableText的文本选中状态——因为该组件默认仅在用户交互时才会激活选择功能。以下是具体实现步骤：

1. 定义全局Key绑定SelectableText #

先创建一个GlobalKey<SelectableTextState>，用来获取SelectableText的组件状态：

final _selectableTextKey = GlobalKey<SelectableTextState>();

2. 构建SelectableText组件 #

将上述Key绑定到目标SelectableText上：

SelectableText(
  '这里是需要默认显示选择栏的文本内容',
  key: _selectableTextKey,
  style: const TextStyle(fontSize: 16),
)

3. 初始化时触发文本选择 #

在组件渲染完成后（通过帧回调确保DOM加载完成），手动设置文本选中范围并触发选择栏显示：

@override
void initState() {
  super.initState();
  // 等待组件渲染完成后执行
  WidgetsBinding.instance.addPostFrameCallback((_) {
    final selectableState = _selectableTextKey.currentState;
    if (selectableState == null) return;

    // 获取内部的RenderEditable对象，用于控制文本选择
    final renderEditable = selectableState.context.findRenderObject() as RenderEditable;
    final textContent = '这里是需要默认显示选择栏的文本内容';
    
    // 设置全选范围（也可自定义baseOffset和extentOffset指定部分选中）
    renderEditable.selection = TextSelection(
      baseOffset: 0,
      extentOffset: textContent.length,
    );
    // 通知渲染对象更新选择状态，触发选择手柄显示
    renderEditable.selectionUpdated();
  });
}

注意事项 #

• 如果文本是动态加载的（比如从网络获取），需要确保文本内容加载完成后再执行上述选择逻辑，否则会因文本长度不准确导致选择范围异常。
• 该方案在iOS和Android平台均兼容，选择栏的样式会自动适配系统风格。
• 若仅需显示顶部的操作工具栏（复制/粘贴等），可额外调用selectableState.showToolbar()，但通常设置选中状态后工具栏会自动弹出（取决于系统行为）。

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