Math 当用户键入时,用Text()中的数值实时减去TextFormField()中的数值
我有一个Math 当用户键入时,用Text()中的数值实时减去TextFormField()中的数值,math,flutter,mobile,dart,real-time,Math,Flutter,Mobile,Dart,Real Time,我有一个Text()。我想要的是当用户在TextFormField()中键入时,减法运算应该实时进行 当用户在TextFormField()内键入数字时,在TextFormField()中输入的值应自动减去Text()小部件内的值 注意当所有这些键入和减法操作发生时,最终结果应显示在相同的Text()小部件中 导入“包装:颤振/材料.省道”; 类ChangeValuesPage扩展StatefulWidget{ @凌驾 _ChangeValuesPartate createState(){ 返回
Text()。我想要的是当用户在TextFormField()
中键入时,减法运算应该实时进行
当用户在TextFormField()
内键入数字时,在TextFormField()中输入的值应自动减去Text()
小部件内的值
注意当所有这些键入和减法操作发生时,最终结果应显示在相同的Text()
小部件中
导入“包装:颤振/材料.省道”;
类ChangeValuesPage扩展StatefulWidget{
@凌驾
_ChangeValuesPartate createState(){
返回_ChangeValuesPageState();
}
}
类_ChangeValuesPageState扩展状态{
最终pureNumbers=RegExp(r'^[0-9]+$);
int numberValue=200;
int-latestNumberValue;
final formKey=new GlobalKey();
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(上下文“简单应用”、“其他数据”),
抽屉:TopDrawer(),
正文:SingleChildScrollView(
孩子:新卡(
孩子:填充(
填充:所有边缘设置(5.0),
子:新列(
儿童:[
/**
*下面是应该进行减法运算的Text()字段。
*/
///Text()小部件中的值应自动减去
///当用户键入数字时,TextFormField()小部件中的数字值会自动显示
正文(
'数值文本:${this.numberValue}',
样式:TextStyle(
尺寸:20,
fontWeight:fontWeight.bold,
),
),
大小盒子(
身高:6,
),
新形式(
key:formKey,
子:新列(
儿童:[
TextFormField(
键盘类型:TextInputType.number,
装饰:新的输入装饰(
labelText:“减少数值?”,
hintText:'默认数字值为“0”,
),
验证器:(val){
如果(val.isEmpty==true){
返回“填写数值”;
}
if(pureNumbers.hasMatch(val)=false){
返回“仅在昵称中使用字母数字字符”;
}
返回null;
},
onSaved:(val)=>this.latestNumberValue=int.parse(val),
),
],
),
),
],
),
),
),
),
);
}
}
我尝试了不同的方法来实现这一点,但没有任何效果。谢谢,发帖时带着爱。请尝试在TextFormField
的属性发生更改时实现此功能。希望这就是你想要实现的
onChanged: (val) {
if (val.isEmpty) {
setState(() => numberValue = 200);
} else {
numberValue = 200;
setState(() => numberValue -= int.parse(val));
}
},