Flutter中如何让禁用状态的TextField支持滚动？

当你把TextField的enabled: false时，它会彻底禁用所有交互——包括滚动，这就是你遇到的问题。要实现「不能编辑但能滚动」的效果，别用enabled: false，改用readOnly: true才是正确的思路，同时调整样式模拟禁用状态就行。

推荐方案：用readOnly替代enabled: false #

直接修改两处：

1. 移除enabled: false，添加readOnly: true
2. 调整文本、标签的颜色，让它看起来和禁用状态一致

修改后的完整代码：

TextField(
  readOnly: true, // 核心修改：用readOnly替代enabled: false
  onChanged: (text) {
    setState(() {});
  },
  controller: _notes,
  style: TextStyle(
    color: Colors.grey.shade600, // 改成禁用态的灰色，还原视觉效果
    fontSize: 14.0,
    fontFamily: CONFIG.init.FONT_STYLE['REGULAR'],
  ),
  textAlign: TextAlign.left,
  minLines: 4,
  maxLines: 5,
  decoration: InputDecoration(
    filled: true,
    fillColor: Colors.grey.shade100, // 可选：加个浅灰填充色，更像禁用
    labelText:'Notes',
    labelStyle: TextStyle(color: Colors.grey.shade500), // 标签文字也改灰
    border: new CustomBorderTextFieldSkin().getSkin(),
  ),
),

额外说明 #

• 如果连文本选择都要禁止，再加个enableInteractiveSelection: false就行
• 要是你非要用enabled: false，可以把TextField套进SingleChildScrollView里，但这种方式需要手动处理高度，容易出问题，不推荐：

SingleChildScrollView(
  child: TextField(
    enabled: false,
    controller: _notes,
    style: TextStyle(
      color: Colors.black,
      fontSize: 14.0,
      fontFamily: CONFIG.init.FONT_STYLE['REGULAR'],
    ),
    textAlign: TextAlign.left,
    minLines: 4,
    maxLines: null, // 设为null让内容自适应高度
    decoration: InputDecoration(
      filled: true,
      labelText:'Notes',
      border: new CustomBorderTextFieldSkin().getSkin(),
    ),
  ),
)

内容的提问来源于stack exchange，提问作者Adeliso Formentera Jr.