flutter - ScrollController not scrolling to right of the row

Question

I'm using the below function to scroll right in a list when clicked on the 'right arrow' button, and for some reason, it's not working. This issue pops up only when there are 4 items in the row. In every other case, the scroll right option works. Can you guys help me out ? I'm using a right arrow button to scroll right. Here is the code snippet.

Function for scroll right:

''' void scrollToRight() { var scrollPosition = _controller.position;

if (scrollPosition.viewportDimension < scrollPosition.maxScrollExtent) {
  _controller.animateTo(
    (_controller.position.pixels + MediaQuery.of(context).size.width) >
            _controller.position.maxScrollExtent
        ? _controller.position.maxScrollExtent
        : _controller.position.pixels + MediaQuery.of(context).size.width,
    duration: new Duration(milliseconds: 200),
    curve: Curves.easeOut,
  );
}

}

''' Here is the function call to scrollToRight():

'''

Align( alignment: Alignment.centerRight, child: GestureDetector( onTap: () { print("test right");

                scrollToRight();
              },

''' This is the row with right scroll button.

question from:https://stackoverflow.com/questions/65844181/scrollcontroller-not-scrolling-to-right-of-the-row

Answer 1

Waitting for answers