滚动控制器 animateTo()

Oma*_*rag 8 flutter flutter-animation

我希望水平listView中的所选项目居中,所以我首先计算应该动画到(滚动到)的位置,它总是计算正确,但是当我选择一个远离当前所选项目的项目时,列表没有正确滚动到计算出的位置。

代码:

double _position =  index * (_width + 2 * _horizontalPadding)
                    + (_selectedWidth+_horizontalPadding);
_scrollController.animateTo(
                  _position,
                  duration: Duration(milliseconds: 1000),
                  curve: Curves.ease);
Run Code Online (Sandbox Code Playgroud)

其中 _width 是除所选元素之外的所有元素的宽度,因为它的宽度是 _selectedWidth ,水平填充是常数 .. 和 index 是所选项目的索引

小智 13

尝试用 PostFrameCallback 包裹滚动条

WidgetsBinding.instance.addPostFrameCallback((_) {
    double _position =  index * (_width + 2 * _horizontalPadding)
                    + (_selectedWidth+_horizontalPadding);
    _scrollController.animateTo(
                  _position,
                  duration: Duration(milliseconds: 1000),
                  curve: Curves.ease);
}
Run Code Online (Sandbox Code Playgroud)

  • 你救了我 !! (2认同)