Hi!

I want to put an InifiniteListView inside a CustomScrollView so that I can get an appbar that will go in and out of view but I think to have a list inside the scroll view, it needs to be a SliverList or at least extend SliverMultiBoxAdaptorWidget

From the example and README I see no reason why someone should use this instead of a regular ListView.builder.

Could you please clarify what usecases are there for this?

Thanks!

Apologies if this is too obvious, but how does one handle a situation where we do not know the total number of items, so we keep scrolling up (or down) until the remote REST server returns no-more-data?

All the sample code I have seen so far is truly infinite, without any upper or lower limits.

How do we set the limits at the time of fetching new data? Thanks.

This will not prevent the InfiniteListView from scrolling which is not the expected behaviour: InfiniteListView.builder(physics: NeverScrollableScrollPhysics())

Thank you for this great package!

I have implemented it for an Android TV app in a vertical set of horizontal rows, forming a grid.

The issue I am finding is that focus lets me scroll horizontally from the '0' index to the left, so I am getting to a negative index (-1), and I get a blank space in the row.

How could I prevent focus going to this negative index? Thanks!

Is there anyway to prevent the scrollview from going into negative numbers? I want it to scroll infinitely positively, but not negatively?

So infinite scrolling but only in one direction

In a conjunction with a linked_scroll_controller we could have made a linked_infinite_scroll_controller, but that isn't possible when we don't have access to InfiniteScrollPosition

We needed this functionality in one of our apps, so I implemented it into this package. It's up to the maintainers to decide if this is suitable for their package, but I thought that I might as well open a pull request since I had to make this anyway.

To make the list snap, I created a new named constructor, InfiniteListView.snapping. The reason for creating a new constructor is that this feature does not work with separators, and itemExtent needs to be non-null. I could have asserted that itemExtent is not null when snap is true in the InfiniteListView.builder constructor, but I think that that approach is less clear an more prone to errors.

When snap is set to true in the constructor, the list will animate to the closest child in the scroll direction when the delta between the two latest scroll events is below snapTreshold and run the onSnap callback.

I have edited the example app to show this feature in action.

Problem: there is a large white space when the listview reaches out to the last item.

Would be great if anyone can help me to remove the white spaces.

Attached a video:

https://user-images.githubusercontent.com/4219513/124019021-6145f680-d99d-11eb-86fd-db8e4deb26d8.mp4

Hi, I don't known where I can make a question.

I need to make infinite list with expandable tiles. Used packages expansion_tile_card infinite_listview

In expansion_tile_card I have children widgets-buttons. I need to collapse expansion_tile_card when button pressed. But, how to I get state of expansion_tile_card from PageStorage? When I try, I not found State by index in builder. Example code: _buildTab is method name from example of infinite_listview This is not work and always returned null because in PageStorage can't found state for builded card.

var s = PageStorage.of(context)
                          ?.readState(context, identifier: index);

code example

 Widget _buildTab(int tab) {
    final ButtonStyle flatButtonStyle = TextButton.styleFrom(
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.all(Radius.circular(4.0)),
      ),
    );

    return InfiniteListView.separated(
      controller: _infiniteController,
      itemBuilder: (BuildContext context, int index) {
        return Padding(
          padding: const EdgeInsets.symmetric(horizontal: 12.0),
          child: ExpansionTileCard(
            key: PageStorageKey(index),
            leading: CircleAvatar(child: Text('A')),
            title: Text('Tap me!'),
            subtitle: Text('I expand!'),
            children: <Widget>[
              Divider(
                thickness: 1.0,
                height: 1.0,
              ),
              Align(
                alignment: Alignment.centerLeft,
                child: Padding(
                  padding: const EdgeInsets.symmetric(
                    horizontal: 16.0,
                    vertical: 8.0,
                  ),
                  child: Text(
                    """Hi there, I'm a drop-in replacement for Flutter's ExpansionTile.

Use me any time you think your app could benefit from being just a bit more Material.

These buttons control the next card down!""",
                    style: Theme.of(context)
                        .textTheme
                        .bodyText2!
                        .copyWith(fontSize: 16),
                  ),
                ),
              ),
              ButtonBar(
                alignment: MainAxisAlignment.spaceAround,
                buttonHeight: 52.0,
                buttonMinWidth: 90.0,
                children: <Widget>[
                  TextButton(
                    style: flatButtonStyle,
                    onPressed: () {
                      var s = PageStorage.of(context)
                          ?.readState(context, identifier: index);
                      print("");
                    },
                    child: Column(
                      children: <Widget>[
                        Icon(Icons.arrow_downward),
                        Padding(
                          padding: const EdgeInsets.symmetric(vertical: 2.0),
                        ),
                        Text('Open'),
                      ],
                    ),
                  ),
                  TextButton(
                    style: flatButtonStyle,
                    onPressed: () {
                      // keys[index]?.currentState?.collapse();
                    },
                    child: Column(
                      children: <Widget>[
                        Icon(Icons.arrow_upward),
                        Padding(
                          padding: const EdgeInsets.symmetric(vertical: 2.0),
                        ),
                        Text('Close'),
                      ],
                    ),
                  ),
                  TextButton(
                    style: flatButtonStyle,
                    onPressed: () {
                      // keys[index]?.currentState?.toggleExpansion();
                    },
                    child: Column(
                      children: <Widget>[
                        Icon(Icons.swap_vert),
                        Padding(
                          padding: const EdgeInsets.symmetric(vertical: 2.0),
                        ),
                        Text('Toggle'),
                      ],
                    ),
                  ),
                ],
              ),
            ],
          ),
        );
      },
      separatorBuilder: (BuildContext context, int index) =>
          const Divider(height: 2.0),
      anchor: 0.5,
    );
  }

Is it possible to combine the package with the scrollable_positioned_list package? The features I'm looking to combine from the packages is the infinite scrolling and the listener of the currently visible items in the list.

Issue in the other package: #75