如何在Flutter中等待setState的执行？
如何在Flutter中等待setState的执行？
我正在动态地向ListView中添加项目。当我添加新项目时，它应该像WhatsApp应用程序一样滚动到底部。
我是这样做的：
setState(() {
_textList.add(text);
});
_scrollController.animateTo( //重新构建后运行
_scrollController.position.maxScrollExtent,
duration: const Duration(milliseconds: 300),
curve: Curves.easeInOut,
);
由于setState()是异步运行的，maxScrollExtent没有更新，导致只滚动到上一个项目。
如何在setState之后使用await。有没有办法实现这个。而且我不想调用Future.delayed。
这是我的完整代码：DartPad。
谢谢。
问题出现的原因是在Flutter中，当调用setState方法时，UI的更新是异步的。这意味着，当调用setState方法后，Flutter不会立即更新UI，而是会将UI更新添加到一个队列中，然后在下一个UI帧中进行更新。因此，在调用setState方法后，如果立即访问或操作更新后的UI状态，可能会出现不一致的情况。
解决这个问题的方法是使用WidgetsBinding的addPostFrameCallback方法。这个方法接受一个回调函数作为参数，并在下一个UI帧中调用该回调函数。通过将需要等待setState方法完成的代码放在addPostFrameCallback的回调函数中，可以确保在访问或操作更新后的UI状态时，已经完成了UI的更新。
具体到上述代码中，可以将整个代码块作为回调函数传递给addPostFrameCallback方法。这样，在下一个UI帧中，当UI已经更新完成后，代码块中的逻辑将被执行。在代码块中，首先检查滚动控制器是否已经有客户端连接，然后使用滚动控制器的animateTo方法将滚动位置设置为最大滚动边界。这样，可以确保在UI更新完成后，滚动控制器将滚动到最底部。
通过使用addPostFrameCallback方法，可以保证在调用setState方法后等待UI更新完成，从而避免了UI状态不一致的问题。