You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter/Dart:移除自动计算逻辑,恢复Exercise为十进制输入框

修改糖尿病胰岛素剂量计算App的Exercise输入框逻辑

我是编程新手,之前在别人帮忙下做了一款糖尿病胰岛素剂量计算App。现在要调整一个功能:当前App第一行的“Exercise”输入框(绑定numR1C3controller)会自动计算“Carbs in”(numR1C1controller)减去“Current Level”(numR1C2controller)的结果并显示,现在需要移除这个自动计算逻辑,让“Exercise”框变回可手动输入十进制数的普通输入框,具体修改步骤如下:

  • 清理_calculateR1()方法中的自动计算代码
    找到_calculateR1()方法,删除其中自动计算并给numR1C3controller赋值的代码,只保留和Current Level颜色判断相关的逻辑。示例修改如下:

    void _calculateR1() {
      // 保留Current Level颜色判断的逻辑不动
      if (double.tryParse(numR1C2controller.text) != null) {
        // 这里是原有的颜色判断代码,保留即可
      }
    
      // 删除下面这段自动计算并赋值的代码
      // double carbs = double.tryParse(numR1C1controller.text) ?? 0;
      // double level = double.tryParse(numR1C2controller.text) ?? 0;
      // numR1C3controller.text = (carbs - level).toString();
    }
    
  • 移除Exercise输入框onChanged回调的计算调用
    找到对应Exercise的TextField组件,删掉其onChanged属性中对_calculateR1()的调用,避免输入时触发自动计算:

    TextField(
      controller: numR1C3controller,
      // 删除原来的onChanged: (value) => _calculateR1(),
      onChanged: (value) { // 可留空,或添加自定义的简单逻辑 },
      // 其他属性保持不变
    )
    
  • 配置输入格式器允许十进制数输入
    给该TextField添加输入格式器,允许输入十进制数字。先导入相关包,再设置对应属性:

    import 'package:flutter/services.dart';
    
    // ... 其他代码
    
    TextField(
      controller: numR1C3controller,
      inputFormatters: [
        // 允许输入正负号、数字和小数点,正则可按需调整
        FilteringTextInputFormatter.allow(RegExp(r'^-?\d*\.?\d+$')),
      ],
      keyboardType: TextInputType.numberWithOptions(decimal: true),
      // 其他属性...
    )
    

内容的提问来源于stack exchange,提问作者rnmuk

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 23:30:49