作者热门文章
- r - 以节省内存的方式增长 data.frame
- ruby-on-rails - ruby/ruby on rails 内存泄漏检测
- android - 无法解析导入android.support.v7.app
- UNIX 域套接字与共享内存(映射文件)
我正在为我的女儿制作一个简单的数学应用程序。现在我有一个显示问题(如“2+5=”)的 TextField(装饰颜色为白色),然后她可以在同一个框中输入答案(显示“2+5=7”)。
在此 textField 下方我有另一个 textField。当用户点击按钮时,该字段会给出正确答案。如果用户回答正确,则装饰颜色变为绿色,如果答案错误,则装饰颜色变为红色。
问题是我无法让这个框在按下更正按钮之前变成白色。这一刻没有颜色,直到它变成绿色或红色。
我现在已经将每个盒子放在单独的类中,所以如果我做错了什么,我不会搞砸太多。
非常感谢任何帮助将某些颜色设置为第二个框的“默认”。谢谢。
import 'package:flutter/material.dart';
class CorrectionTextField extends StatelessWidget {
final String text;
final boxPaint;
CorrectionTextField({this.text, this.boxPaint = Colors.white});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.only(right: 10.0, top: 8.0),
child: Container(
constraints: BoxConstraints.expand(height: 60.0, width: 150),
decoration: BoxDecoration(
color: boxPaint,
borderRadius: BorderRadius.all(const Radius.circular(15.0)),
border: Border.all(color: Colors.black54, width: 4.0),
),
child: Center(
child:
Text(text, style: TextStyle(color: Colors.white, fontSize:
48.0)),
),
),
);
}
}
下一个类:
Color correctionColor = Colors.white;
var correct = Colors.green;
var incorrect = Colors.red;
....
body: Column(
children: <Widget>[
operationField,
correctionField,
最佳答案
您可以在构造函数中为任何实例变量指定默认值,以添加您可以编写的默认颜色:
CorrectionTextField({
this.text,
this.boxPaint = Colors.white,
});
这样,如果在实例化小部件时没有指定颜色属性,它将被设置为白色。
关于colors - 如何在我的框中设置默认颜色并根据输入改变颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55470269/
我是一名优秀的程序员,十分优秀!