Dart setState（）重新提交特定小部件。需要代码修复吗

你好，

下面的代码示例取自我们在Flatter中创建新项目时的代码

问题：

\u我的主页状态

将在按下

\u递增计数器

后重新加载。这将重新加载appBar、body和FloatingActionButton（构建方法成本高昂）。我说得对吗？如果正确的话，唯一应该重新渲染的是一个带有文本的主体。 如何分离只需要重新渲染的小部件？表示在下面的代码中分离无状态和有状态。我希望你明白我的意思

谢谢

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(title: 'Flutter Hot reload'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {

    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Text(
              'You have pushed the button this many times:',
            ),
            new Text(
              '$_counter',
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
      floatingActionButton: new FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: new Icon(Icons.add),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
void main（）=>runApp（新的MyApp（））；
类MyApp扩展了无状态小部件{
//此小部件是应用程序的根。
@凌驾
小部件构建（构建上下文）{
返回新材料PP(
标题：“颤振演示”，
主题：新主题数据(
主样本：颜色。蓝色，
),
主页：新MyHomePage（标题：“颤振热加载”），
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage（{Key，this.title}）：超级（Key:Key）；
最后的字符串标题；
@凌驾
_MyHomePageState createState（）=>new_MyHomePageState（）；
}
类_MyHomePageState扩展状态{
int _计数器=0；
void _incrementCounter（）{
设置状态（）{
_计数器++；
});
}
@凌驾
小部件构建（构建上下文）{
归还新脚手架(
appBar：新的appBar(
标题：新文本（widget.title），
),
正文：新中心(
子：新列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
新文本(
“您已经按了这么多次按钮：”，
),
新文本(
“$”计数器“，
样式：Theme.of（context）.textTheme.display1，
),
],
),
),
floatingActionButton：新的floatingActionButton(
按下时：\ u递增计数器，
工具提示：“增量”，
子：新图标（Icons.add），
),
);
}
}

flatter将确定哪些小部件需要重新创建或重建，并且只重新创建/重建这些小部件

IIRC，在每个setState（）（或动画勾选，或其他重新渲染）上，颤振遍历小部件树并比较每个小部件树分支的前后状态。有状态小部件只有在其状态实际发生更改时才会重新生成，并且只有更改的无状态小部件才会重新创建。因此，在您的例子中，_MyHomePageState被重建，但只有第二个文本小部件被重新创建

看

---

有关小部件（以及底层元素和渲染框）的更详细说明。

准确地解释了该示例。您的意思是_MyHomePageState->build方法将重新渲染，但它将只重新渲染文本小部件？Günter Zöchbauer在上述评论中提供的Youtube视频链接展示了如何使用继承的widget、redux或streams解决特定widget的重新招标问题。那是什么？