flutter - Flutter 中 StatelessWidget 中可以使用 TextEditingController 吗？

Question

我不需要用 TextEditingController 做很多事情，但想显示初始文本。我觉得创建 StatefulWidget 太多了。
这是我希望我的代码看起来像

// In StatelessWidget
TextField(
    controller: TextEditingController(),
)

但是我见过的每个教程和博客文章都在 StatefulWidget 中使用 TextEditingController 并在 dispose 方法中处理它们。但是如果我像上面那样使用，我就不能处理它们

Answer 1

如果您想使用 TextEditingController ，除了使用 StatefulWidget 之外别无他法。如果你想避免内存泄漏。

但是，如果您在这种方法中看到很多样板文件，您可以使用 HookWidget ( flutter_hooks ) 让您可以访问 TextEditingController以简单的方式为您处理，这里是一个比较:

使用 StatefulWidget :

class Test extends StatefulWidget {
  @override
  _TestState createState() => _TestState();
}

class _TestState extends State<Test> {
  TextEditingController controller;
  FocusNode focusNode;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          width: 200,
          height: 200,
          color: Colors.red,
          child: TextField(
            focusNode: focusNode,
            controller: controller,
          ),
        ),
      ),
    );
  }

  @override
  void initState() {
    controller = TextEditingController();
    focusNode = FocusNode();
    super.initState();
  }

  @override
  void dispose() {
    controller.dispose();
    focusNode.dispose();
    super.dispose();
  }
}

使用 HookWidget :

class Test extends HookWidget {
  @override
  Widget build(BuildContext context) {
    final focusNode = useFocusNode();
    final controller = useTextEditingController();
      return Scaffold(
      body: Center(
        child: Container(
          width: 200,
          height: 200,
          color: Colors.red,
          child: TextField(
            focusNode: focusNode,
            controller: controller,
          ),
        ),
      ),
    );
  }
}