flutter - 我应该使用 getter 来构建小部件子树吗？

Question

今天我遇到了 Flutter 中新的代码编写风格。通常我使用下一种方式来声明小部件树:

这是我们在创建新的 flutter 项目后拥有的一个类(为了节省您的时间，我只发布了构建方法):

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );

我今天在 github 的一些 flutter 项目中看到的区别是将小部件声明为 getters:

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            textPushed,
            counterText,
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }

  Widget get textPushed {
    return Text(
      'You have pushed the button this many times:',
    );
  }

  Widget get counterText {
    return Text(
      '$_counter',
      style: Theme.of(context).textTheme.headline4,
    );

我从未见过这种使用 getter 来构建小部件的方法，我想知道这是否是一种好的做法，为什么？

Answer 1

我将把这个方法与 flutter 中使用的主要方法进行比较，后者为每个您认为应该为其定义 getter 的小部件创建一个小部件类

这是不好的做法，因为:

1. 当您创建带有函数的小部件时，没有与该小部件关联的元素，并且您正在传递和使用主小部件的上下文

2. 当您为一个小部件创建一个单独的类时，您可以选择以多种方式重构它，例如轻松地使其有状态或无状态

3. 当你在一个单独的类中定义一个小部件时，很难调试，你会给它一个名字，但很容易在小部件树中跟踪那个小部件并调试它

还有很多其他的东西，所描述的方法类似于 react 中的功能组件，在一些优秀的程序员参与的 flutters GitHub 页面中对此有很好的讨论，你可以在这里看到关于这个主题的更多知识链接 : https://github.com/flutter/flutter/issues/19269