从另一个小部件访问 Controller.isEmpty

如何解决从另一个小部件访问 Controller.isEmpty

所以，我的主类中有一个 textwidget，我创建了另一个包含 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 访问它，但这似乎不起作用。

解决方法

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

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)
          ],);
  }
}