Ad

Gridview.builder Start At The End Of List

- 1 answer

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.

Ad

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,
    );
  }
}
Ad
source: stackoverflow.com
Ad