Flutter中如何聚焦TextField且不选中任何文本？

默认情况下，对已有文本的TextField调用requestFocus()会自动选中全部文本。如果需要实现聚焦时光标直接落在文本末尾，且不选中任何内容，同时避免出现文本短暂被选中的闪烁问题，可以通过以下方式实现：

最优解决方案 #

通过监听FocusNode的焦点状态变化，在焦点真正获取到的瞬间设置光标位置，完全覆盖默认的全选行为，不会产生闪烁。

完整代码示例 #

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  late final FocusNode focusNode1;
  late final TextEditingController controller1;

  @override
  void initState() {
    super.initState();
    // 初始化文本控制器并设置默认文本
    controller1 = TextEditingController()..text = '111';
    // 初始化焦点节点并添加状态监听
    focusNode1 = FocusNode()..addListener(() {
      if (focusNode1.hasFocus) {
        // 焦点获取时，将光标定位到文本末尾（无选中状态）
        controller1.selection = TextSelection.collapsed(
          offset: controller1.text.length,
        );
      }
    });
  }

  @override
  void dispose() {
    // 释放资源，避免内存泄漏
    focusNode1.dispose();
    controller1.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          TextButton(
            onPressed: () {
              focusNode1.requestFocus();
            },
            child: const Text("SetFocus"),
          ),
          TextField(
            focusNode: focusNode1,
            controller: controller1,
          ),
        ],
      ),
    );
  }
}

方案说明 #

1. 组件生命周期管理：将原StatelessWidget改为StatefulWidget，便于管理FocusNode和TextEditingController的生命周期，在dispose方法中释放资源，避免内存泄漏。
2. 焦点状态监听：给FocusNode添加监听器，当焦点状态变为hasFocus = true时，立即通过TextEditingController设置文本选择为折叠状态（TextSelection.collapsed），此时光标会定位在指定偏移量（文本末尾），且无任何文本被选中。
3. 避免闪烁问题：这种方式在焦点获取的同时完成光标位置设置，完全覆盖了Flutter默认的全选行为，不会出现短暂选中文本的闪烁现象，比使用WidgetsBinding.instance.addPostFrameCallback的延迟处理更可靠。

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