Flutter如何初始显示复制粘贴工具栏，无需长按/双击文本？

你的代码已经实现了初始全选文本，但Flutter默认不会在初始选中时自动唤起复制粘贴工具栏——这个工具栏只有用户手动触发选中操作才会显示。要实现初始显示工具栏，需要在UI渲染完成后手动调用系统API唤起它。

解决方案步骤： #

• 使用WidgetsBinding.instance.addPostFrameCallback确保在Widget渲染完成后执行选中和唤起操作，避免UI未就绪导致的问题。
• 通过SystemChannels.textInput.invokeMethod调用系统文本输入通道的showToolbar方法，强制显示选择工具栏。

完整代码示例： #

import 'package:flutter/services.dart';
import 'package:flutter/material.dart';

class ExtractTextScreen extends StatefulWidget {
  final String initialValue;
  const ExtractTextScreen({super.key, required this.initialValue});

  @override
  State<ExtractTextScreen> createState() => _ExtractTextScreenState();
}

class _ExtractTextScreenState extends State<ExtractTextScreen> {
  late TextEditingController controller;

  @override
  void initState() {
    super.initState();
    controller = TextEditingController(text: widget.initialValue);
    // 初始设置全选
    controller.selection = TextSelection(
      baseOffset: 0,
      extentOffset: widget.initialValue.length,
    );
    
    // 渲染完成后唤起工具栏
    WidgetsBinding.instance.addPostFrameCallback((_) {
      if (widget.initialValue.isNotEmpty) {
        // 强制显示选择工具栏
        SystemChannels.textInput.invokeMethod('showToolbar');
      }
    });
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: TextFormField(
          controller: controller,
          autofocus: true,
          maxLines: 1000,
          decoration: const InputDecoration(border: InputBorder.none),
          enableInteractiveSelection: true,
          keyboardType: TextInputType.text,
          showCursor: true,
        ),
      ),
    );
  }
}

注意事项： #

• 要判断初始文本是否为空，避免空文本时调用showToolbar出现异常。
• 必须在initState中使用addPostFrameCallback，确保Widget已经挂载到树上，否则SystemChannels调用可能无效。
• 该方法依赖Flutter的系统通道API，在不同平台（iOS/Android）表现一致，无需额外适配。

内容的提问来源于stack exchange，提问作者Pramod kumar Shrestha