Gridview.builder start at the end of list

1.5k views Asked by At

I have a Gridview.builder in a Widget. When I open the widget I would like to jump immediately to the end of the Grid List.

class _StampsInTravelbookState extends State<StampsInTravelbook> {
  ScrollController _scrollController = new ScrollController();

  @override
  Widget build(BuildContext context) {
    if (_scrollController.hasClients) {
      _scrollController.jumpTo(_scrollController.position.maxScrollExtent);
    }
    return GridView.builder(
      controller: _scrollController,
      reverse: false,
      itemCount:
          Provider.of<UserPosProv>(context, listen: true).userStamps.length,
      shrinkWrap: true, 

But I always have the Grid at the beginning.

When I set

reverse: true

the Grid shows the end of the list.

2

There are 2 answers

1
Raiyan On BEST ANSWER

Add userStamps.reverse()

Example

class _StampsInTravelbookState extends State<StampsInTravelbook> {
  @override
  Widget build(BuildContext context) {
    final userStamps = Provider.of<UserPosProv>(context, listen: true).userStamps;
    userStamps.reverse(); // This line makes your userStamps list reversed.
    return GridView.builder(
      itemCount: userStamps.length,
      itemBuilder: (context, index) => // Your GridTile here,
      shrinkWrap: true,
    );
  }
}
0
Why_So_Ezz On

i think this will work for you

 _scrollController.animateTo(
        _scrollController.position.maxScrollExtent,
        duration: Duration(milliseconds: 500),
        curve: Curves.fastOutSlowIn);
``