access Controller.来自另一个小部件的isEmpty

Question

所以，我在我的主类中有一个文本部件，我做了另一个包含TextFormField的类。如果文本字段是空的，我想从我的主类改变文本的颜色。

如果我将文本字段放在与文本小部件相同的类中，我就可以访问控制器来读取文本字段是否为空。

现在的问题是，当我把文本字段在一个单独的类我不设法找到一种方法来访问控制器从我的主类。

我在Dart内部传递数据时遇到了很多困难，所以希望这将照亮我的头脑。

在同一类时有效

child: Text(
'This is a Text',
style: TextStyle(
color: txtFieldController.value.text.isEmpty? Colors.red : Colors.green,
),
),

我尝试使用"import " as form";并尝试使用form.textfieldClass()访问它。txtFieldcontroller，但这似乎不工作。

Answer 1

为两个类中的控制器创建一个属性，在主类中创建控制器，然后将其传递给表单类。

class MainWidget extends StatelessWidget {
// create controller
final  txtFieldController = TextEditingController();
// pass the controller to the other class /
final formWidget = FormWidget(txtFieldController: txtFieldController);
// ...
}
class FormWidget extends StatelessWidget {
// create controller
final TextEditingController txtFieldController;
// ...
}

完整示例代码:
表单小部件

class FormWidget extends StatelessWidget {
// create a property for the controller /
final TextEditingController txtFieldController;
const FormWidget({Key key, this.txtFieldController}) : super(key: key);
@override
Widget build(BuildContext context) {
return Center(
child: TextFormField(
controller: txtFieldController,
),
);
}
}

主部件

class MainWidget extends StatefulWidget {
@override
_MainWidgetState createState() => _MainWidgetState();
}
class _MainWidgetState extends State<MainWidget> {
final txtFieldController = TextEditingController();
@override
void initState() {
// updates the widget on changes
// note, the docs say: 'Avoid calling setState() high up in the tree if the change is contained to a small part of the tree.'
// but it's not a big deal in this case
txtFieldController.addListener(() {
setState(() {});
});
super.initState();
}
@override
void dispose() {
txtFieldController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
'This is a Text',
style: TextStyle(
color: txtFieldController.value.text.isEmpty ? Colors.red : Colors.green,
),
),
// pass the controller to the other class /
FormWidget(txtFieldController: txtFieldController)
],
),
),
);
}
}