Flutter学习计时秒表如何实现自定义公式计算功能？

1. 核心依赖引入 #

Dart 官方提供的math库内置了幂运算能力，直接在你的代码文件头部引入即可：
import 'dart:math' as math;

2. 封装计算逻辑 #

把你的公式封装成独立工具方法，入参为秒表统计的时、分、秒数值：

double calculateStudyLevel(int hours, int minutes, int seconds) {
  // 计算总时长t（单位：小时）
  double t = hours + minutes / 60 + seconds / 3600;
  // 计算指数，可按需添加边界限制，比如指数不小于0避免等级小于1
  double exponent = 10 - t;
  // 执行幂运算，转换为double类型后保留3位小数（和示例精度对齐）
  num levelNum = math.pow(1.245, exponent);
  return double.parse(levelNum.toStringAsFixed(3));
}

3. 绑定到UI展示 #

在你的秒表页面的build方法中，实时调用计算方法渲染结果即可，如果你用的是 StatefulWidget 管理秒表计时状态，每次计时更新时调用setState刷新变量，等级会自动同步更新：

class StopwatchPage extends StatefulWidget {
  const StopwatchPage({super.key});
  @override
  State<StopwatchPage> createState() => _StopwatchPageState();
}
class _StopwatchPageState extends State<StopwatchPage> {
  int _hours = 0;
  int _minutes = 0;
  int _seconds = 0;
  // 这里省略你的秒表计时逻辑代码，计时更新时调用setState更新上面三个变量即可

  @override
  Widget build(BuildContext context) {
    double currentLevel = calculateStudyLevel(_hours, _minutes, _seconds);
    return Scaffold(
      body: Center(
        child: Text(
          "当前你是$currentLevel等级",
          style: const TextStyle(fontSize: 22),
        ),
      ),
    );
  }
}

可选优化 #

• 如果需要展示数学格式的幂公式（带上角标），可以引入flutter_math_fork库实现公式富文本渲染
• 如果要避免学习时长超过10小时后等级小于1，可以把指数计算逻辑修改为double exponent = math.max(0, 10 - t);

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