如何在Jetpack Compose的TextField/BasicTextField中隐藏TextFieldCursorHandle？

你当前通过cursorBrush = SolidColor(Transparent)隐藏了光标，但输入文本后仍会出现TextFieldCursorHandle，同时需要保持TextField聚焦状态、键盘开启且正常输入。可以通过以下两种方式解决：

方法一：自定义SelectionControls隐藏手柄 #

创建一个自定义的文本选择控制类，重写buildHandle方法返回空组件，以此隐藏光标手柄：

class NoCursorHandleSelectionControls extends MaterialTextSelectionControls {
  @override
  Widget buildHandle(BuildContext context, TextSelectionHandleType type, double textLineHeight) {
    return SizedBox.shrink();
  }
}

然后在你的TextField中使用这个自定义控件：

TextField(
  cursorBrush: SolidColor(Colors.transparent),
  selectionControls: NoCursorHandleSelectionControls(),
  autofocus: true, // 保持聚焦状态
  // 其他原有配置
)

方法二：全局主题设置（适用于整个应用） #

在ThemeData中修改文本选择主题，同时将光标颜色和手柄颜色设为透明：

ThemeData(
  textSelectionTheme: TextSelectionThemeData(
    cursorColor: Colors.transparent,
    selectionHandleColor: Colors.transparent,
  ),
)

效果说明 #

• 初始状态：TextField保持聚焦，键盘正常弹出，无可见光标
• 输入文本后：内容正常显示，光标及光标手柄均被隐藏

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