flutter TextField 控制焦点位置

背景

使用Visibility来控制清理按钮的显示和隐藏,在设置Visibility的状态时,会导致TextField焦点丢失。使用AnimatedOpacity代替Visibility

在光标丢失后手动设置光标位置

dart 复制代码
void _setFocus({int? baseOffset}) {
    final int currentPosition =
        baseOffset ?? textController.selection.baseOffset;
    Future.delayed(Duration(milliseconds: 100), () {
      // Move focus to the end of the current text
      focusNode.requestFocus();
      Future.delayed(Duration(milliseconds: 100), () {
        // Save the current cursor position
        textController.selection = TextSelection.fromPosition(
          TextPosition(offset: currentPosition),
        );
      });
    });
  }
相关推荐
鹏多多.6 小时前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
LawrenceLan7 小时前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart
ITKEY_8 小时前
macOS安装fvm管理flutter版本
flutter·macos
逍遥咸鱼12 小时前
Flutter文本框添加图片表情(粗制滥造版)
flutter
程序员老刘13 小时前
Flutter 官方Skill发布,对开发者意味着什么?
flutter·ai编程·客户端
血色橄榄枝14 小时前
20 Flutter for OpenHarmony 动画效果
flutter·开源·鸿蒙
Swift社区15 小时前
Flutter 项目如何做好性能监控与问题定位?
flutter
LawrenceLan15 小时前
36.Flutter 零基础入门(三十六):StatefulWidget 与 setState 进阶 —— 动态页面必学
开发语言·前端·flutter·dart
weixin_4434785115 小时前
flutter组件学习之Stack 组件详解
学习·flutter
程序员Ctrl喵15 小时前
分层架构的协同艺术——解构 Flutter 的心脏
flutter·架构