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
相关产品推荐
相关产品推荐

