无需按等号自动计算结果的Flutter计算器实现思路咨询

• 监听输入文本变化
  在输入用的TextField里，直接用onChanged回调，用户每输入或删除一个字符，就触发后续的检查和计算逻辑。示例代码：

  TextField(
    controller: _inputController,
    onChanged: (text) {
      _handleAutoCalculate(text);
    },
    // 其他属性（键盘类型、样式等）按需配置
  )
  

• 先校验表达式是否可计算
  不能用户刚输入一半（比如只打了"2+"）就去计算，得先判断当前输入的表达式是否完整合法：

  • 检查表达式末尾不能是运算符（+、-、*、/）或小数点
  • 避免出现连续运算符（比如"2++3"）的情况
    可以写个简单的校验函数：

  bool _isCalculable(String expr) {
    if (expr.isEmpty) return false;
    final lastChar = expr[expr.length - 1];
    if (['+', '-', '*', '/', '.'].contains(lastChar)) return false;
    // 检测连续运算符
    if (RegExp(r'[+\-*/]{2,}').hasMatch(expr)) return false;
    return true;
  }
  

• 安全计算表达式结果
  别用dart的eval（不安全），推荐两种靠谱方式：

  1. 用成熟的表达式解析库：比如math_expression，先在pubspec.yaml加依赖，然后解析计算：

     import 'package:math_expression/math_expression.dart';
     
     double? _compute(String expr) {
       try {
         Parser parser = Parser();
         Expression exp = parser.parse(expr);
         ContextModel context = ContextModel();
         return exp.evaluate(EvaluationType.REAL, context);
       } catch (e) {
         return null; // 计算出错返回null
       }
     }
     

  2. 自己写简单解析逻辑：如果只支持加减乘除基础运算，可以拆分表达式里的数字和运算符，按先乘除后加减的优先级手动计算，适合轻量场景。

• 实时更新结果显示
  在处理函数里，先校验表达式，合法就计算，然后更新状态刷新UI：

  String _currentResult = '';
  
  void _handleAutoCalculate(String input) {
    if (_isCalculable(input)) {
      final result = _compute(input);
      _currentResult = result?.toStringAsFixed(2) ?? ''; // 控制小数位数
    } else {
      _currentResult = ''; // 不合法时清空结果或显示提示
    }
    setState(() {});
  }
  

• 额外优化细节

  • 限制重复小数点：比如不能输入"2..3"，可以在输入时做拦截
  • 兼容负数表达式：比如"-2+3"这种情况，调整校验逻辑避免误判
  • 处理精度问题：小数计算可能出现精度丢失，用toStringAsFixed或Decimal库优化

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