Flutter中如何实现点击文本时动态调整文本字号

你现有代码已经完成了文本拖拽逻辑，只需要补充3处修改即可实现点击调字号的效果，核心要注意避免拖拽操作误触发点击回调：

• 抽离硬编码的字号为状态变量
  不要在TextStyle里写死fontSize: 20.0，把字号存在组件的State状态中，方便点击时更新触发重绘。
• 增加拖拽状态标记
  因为手势检测器同时响应拖拽和点击，需要加标记位区分当前操作是拖拽还是点击，避免拖拽结束后误触发字号调整。
• 补充点击回调逻辑
  在点击回调里按你的需求规则更新字号值，比如固定步长增减、多档位循环切换都可以。

修改后的完整代码示例：

// 先在你的State类中定义两个状态变量
double _textFontSize = 20.0; // 初始字号和原有硬编码值保持一致
bool _isDragging = false; // 标记当前是否处于拖拽操作中

// 替换原有Container组件代码
Container(
  child: Positioned(
    left: offset.dx,
    top: offset.dy,
    child: GestureDetector(
      // 拖拽开始时更新标记
      onPanStart: (details) {
        _isDragging = true;
      },
      onPanUpdate: (details) {
        setState(() {
          offset = Offset(offset.dx + details.delta.dx, offset.dy + details.delta.dy);
        });
      },
      // 拖拽结束后延迟一帧重置标记，避免误判点击
      onPanEnd: (details) {
        Future.delayed(Duration.zero, () {
          _isDragging = false;
        });
      },
      // 点击触发字号调整，拖拽场景不响应
      onTap: () {
        if (_isDragging) return;
        setState(() {
          // 以下是字号调整规则示例：每次点击字号+2，最大到36后回到16循环，可按需自定义
          _textFontSize += 2;
          if (_textFontSize > 36) {
            _textFontSize = 16;
          }
        });
      },
      child: Text(
        _controller.text,
        textAlign: TextAlign.center,
        maxLines: 3,
        style: TextStyle(
          fontWeight: FontWeight.bold,
          fontSize: _textFontSize, // 替换为状态变量
          color: colorrr
        ),
      ),
    ),
  ),
)

如果需要双击、长按触发字号调整，只需要把onTap替换为对应的onDoubleTap、onLongPress回调即可，逻辑完全通用。

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