ListView.builder scroll item by item in flutter

Question

I have a horizontal ListView and I want to force the user to scroll one item at a time, how can I achieve that?

return Container(
    height: 120.0,
    padding: EdgeInsetsDirectional.only(start: 8.0),
    child: ListView.builder(
           itemBuilder: _buildListItem(),
           scrollDirection: Axis.horizontal,
           itemCount: arrayItems.length,
           ),
);

I need the items to appear as a list, not as a single page(PageView), I need to modify the scroll of the list only — Sami Kanafani
– Sami Kanafani, Commented Jan 15, 2019 at 15:50

CopsOnRoad · Accepted Answer · 2019-03-22 15:37:48Z

22

Use

physics: PageScrollPhysics(), // in ListView

I couldn't get your code. Try this one and make changes accordingly.

List<String> yourArray = ["A", "B", "C", "D"];

@override
Widget build(BuildContext context) {
  double width = MediaQuery.of(context).size.width; 
  return Container(
    height: 100,
    child: ListView.builder(
      physics: PageScrollPhysics(), // this is what you are looking for
      scrollDirection: Axis.horizontal,
      itemCount: yourArray.length,
      itemBuilder: (context, index) {
        return Container(
          color: Colors.grey,
          width: width,
          child: Center(child: Text("Index = ${index}")),
        );
      },
    ),
  );
}

edited Mar 22, 2019 at 15:37

answered Jan 15, 2019 at 13:33

CopsOnRoad

271k97 gold badges702 silver badges471 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mohmdezeldeen Over a year ago

great answer: physics: PageScrollPhysics(), // in ListView thanks @CopsOnRoad

Collectives™ on Stack Overflow

ListView.builder scroll item by item in flutter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related