在flutter中改变整个页面与一个按钮的状态

Question

好的，我正在使用Flutter开发一个媒体播放器应用程序。现在当我按下播放按钮时，它变成了暂停按钮。（只有按钮上的图标改变）

按钮的onPressed函数更改布尔值并调用setstate()方法。

bool _playing = false;  
void _onPlayButtonPressed() {
         setState () {
           if (_playing)
              _playing = false;
           else
              _playing = true;
         }
    }

Widget _playButtonIcon() {

//This function has no setState() call

  if (_playing)
      //return pause icon
  else
      //return play icon
}

这种做法是合理的，还是矫枉过正？

我是否必须将按钮放在不同的有状态小部件类上，并在每次点击这个播放按钮时通过setstate()调用它的构建方法？

如果我有其他小部件，也改变了UI的状态。可能会改变不同的小部件？

什么是正确的方法来做到这一点，而没有一个性能打击？

Answer 1

创建一个播放按钮，它是一个自己的小部件，具有维护它是否正在播放的状态，这绝对是有意义的。现在，当您在父小部件上调用setState时，它确实调用了构建方法，但据我所知，它不一定从头重新绘制所有内容。如果在一些嵌入的小部件中没有发现更改，它不会重新绘制它们，因为它们已经在小部件树中了。最后，调用setstate是可以的，但是如果应用程序开始变大，并且您发现自己在太多的地方调用setstate，并且希望使用全局密钥，我建议您查看Provider包，并使用changeNotifier/consumer模式。