Flutter listview builder Scroll controller listener not firing inside list view?

Question

I have a listview builder widget inside another list view. Inner listview listener is not firing when scrolling position reaches to its end.

initState() {
   super.initState();

  _scrollController.addListener(() {
  if (_scrollController.position.maxScrollExtent ==
      _scrollController.position.pixels) {function();}
}

Container(
 child: Listview(
  children: <Widget>[
    Container(),
    ListView.builder(
      controller: _scrollController,
      physics: NeverScrollableScrollPhysics(),
      shrinkWrap: true,
      itemCount: list.length,
      itemBuilder: (BuildContext context, int index) {
         return Container();
      },
   ),
  ]
 )
)

is there any reason having ListView inside another ListView?.. It doesn't make any sense from your code — LonelyWolf
– LonelyWolf, Commented Jun 26, 2020 at 12:10
You are extending your ListView.builder() inside the ListView() that have infinite height so scroll view can not find the max scrolling extent.So try to remove parent ListView(). — Jayesh Choudhary
– Jayesh Choudhary, Commented Jan 20, 2021 at 13:34

General Grievance · Accepted Answer · 2022-06-07 13:07:17Z

16

You might have SingleChildScrollView attached before any widget :

so attach _scrollController to singleChildScrollView not listview

body: SingleChildScrollView(
        controller: _scrollController,
        child: Column(
          children: [
            _chips(),
            SizedBox(
              height: 10,
            ),
            _slider(),
            _showGrid(),
          ],
        ),
      ),

edited Jun 7, 2022 at 13:07

General Grievance

5,12039 gold badges40 silver badges60 bronze badges

answered Apr 16, 2021 at 9:33

Vaibhav Pallod

5428 silver badges21 bronze badges

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

Comments

LonelyWolf · Accepted Answer · 2020-06-26 12:47:12Z

6

the list view must scroll otherwise it won't work. Not only you have to remove the NeverScrollableScrollPhysics() but also add that list view into some container and set its height smaller then overall height of your ListView. Then the listView begin to scroll and the function will be triggered

  ScrollController _scrollController = ScrollController();
  List<int> list = [1, 2, 3, 4, 5];
  initState() {
    super.initState();

    _scrollController.addListener(() {
      if (_scrollController.position.maxScrollExtent ==
          _scrollController.position.pixels) {
        print('firing');
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: ControlBar(
          title: Text('Home'),
        ),
      ),
      body: ListView(
        children: <Widget>[
          Container(
            height: 150,
            child: ListView.builder(
              controller: _scrollController,
              shrinkWrap: true,
              itemCount: list.length,
              itemBuilder: (BuildContext context, int index) {
                return ListTile(title: Text(list[index].toString()));
              },
            ),
          ),
        ],
      ),
    );
  }

answered Jun 26, 2020 at 12:47

LonelyWolf

4,4401 gold badge20 silver badges38 bronze badges

5 Comments

Sergey Salnikov Over a year ago

The question was about why not scrolling. Author did'nt asked to point how to reparent second ListView

LonelyWolf Over a year ago

@SergeySalnikov the OP problem was Inner listview listener is not firing when scrolling position reaches to its end which means the inner ListView was expanded to parent Listview which means the inner ListView never scrolled but the parent ListView which means it could not fire it

Sergey Salnikov Over a year ago

The question was not how make it scrollable, instead why it's not scrollable (no callbacks fired)

LonelyWolf Over a year ago

@SergeySalnikov please read the question carefully. I have highlighted the part for you in previous comment

Syed Umair Over a year ago

Thanks! This was exactly the problem in my case. But I solved it by dynamically calculating the fetch limit for pagination using screen height, and fetched little more than required so that I always have items to scroll.

Collectives™ on Stack Overflow

Flutter listview builder Scroll controller listener not firing inside list view?

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related