flutter - setState如何只重建AppBar？

Question

我有一个脚手架，其中 AppBar 我有一个 IconButton，我想像开关一样工作:按下时它会改变其状态。

虽然使用 bool 和 setState 很容易实现，但整个小部件是在 setState 上重新绘制的，具有以下内容:

actions: <Widget>[
    IconButton(icon:Icon(Icons.favorite, 
        color: estaMarcada ? K.color_highlight : K.color_background),
        onPressed: () { setState(() 
            {estaMarcada = not estaMarcada;});},
     ),

我只想重绘图标(或 AppBar)而不是整个脚手架。

有什么想法吗？

提前致谢。

Answer 1

将您的 AppBar 提取到单独的 StatefulWidget 和 setState() 中

class MyAppBar extends StatefulWidget {

  MyAppBar() : super();

  @override
  _MyAppBarState createState() => _MyAppBarState();
}

class _MyAppBarState extends State<MyAppBar> {
  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Row(
        children: <Widget> [
          Icon(K.icon),
          Text(K.title), 
        ]),
      actions: <Widget>[
        IconButton(
          icon:Icon(Icons.favorite, 
            color: appData.getMark() ? K.color_highlight : K.color_background),
          onPressed: () { 
            setState(() {
              appData.setMark();
            });
          },
        ),
      ]
    );
  }
}