Flutter中TextFormField文本溢出问题解决求助

看起来你遇到的是Flutter中单行TextFormField处理长文本时的溢出问题，这很常见，我给你两种具体的解决思路，你可以根据需求选择：

方案一：让TextFormField自动调整高度（推荐） #

这是更友好的用户体验，允许文本换行并根据内容自动扩展输入框高度，步骤如下：

• 给TextFormField设置maxLines: null（允许无限换行）
• 可选设置minLines: 1（确保初始高度符合单行输入的预期）
• 搭配textInputAction: TextInputAction.newline，让用户可以通过回车换行

修改你的TextFormField代码：

TextFormField(
  controller: _controller,
  autocorrect: true,
  maxLines: null, // 关键配置：开启多行自适应
  minLines: 1,
  textInputAction: TextInputAction.newline,
  decoration: const InputDecoration(
    hintText: 'Enter todo message',
    contentPadding: EdgeInsets.symmetric(vertical: 15, horizontal: 12), // 优化内边距，提升多行显示的舒适度
  ),
)

调整后输入框会根据文本长度自动增高，完全容纳所有内容，用户能完整看到并编辑全部文本。

方案二：隐藏多余文本（适合不需要编辑长文本的场景） #

如果需要保持输入框单行布局，只显示部分文本，超出部分隐藏，可以这样设置：

• 保持maxLines: 1（默认单行）
• 设置overflow: TextOverflow.ellipsis（超出部分显示省略号）或TextOverflow.clip（直接截断文本）

修改代码如下：

TextFormField(
  controller: _controller,
  autocorrect: true,
  maxLines: 1,
  overflow: TextOverflow.ellipsis, // 超出内容显示省略号
  decoration: const InputDecoration(hintText: 'Enter todo message'),
)

额外小优化：修复控制器初始化的潜在问题 #

你当前在StatelessWidget中直接初始化TextEditingController，可能会导致每次build时重置文本状态。建议把EditTodoScreen改为StatefulWidget，在生命周期中正确初始化和销毁控制器：

class EditTodoScreen extends StatefulWidget {
  final Todo todo;
  const EditTodoScreen({Key? key, required this.todo}) : super(key: key);

  @override
  State<EditTodoScreen> createState() => _EditTodoScreenState();
}

class _EditTodoScreenState extends State<EditTodoScreen> {
  late final TextEditingController _controller;

  @override
  void initState() {
    super.initState();
    _controller = TextEditingController(text: widget.todo.description);
  }

  @override
  void dispose() {
    _controller.dispose(); // 销毁控制器，避免内存泄漏
    super.dispose();
  }

  // 原有的build、_body、_updateBtn方法保留不变
}

这个调整能避免页面状态异常，让你的编辑功能更稳定。

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