how to scroll to a position in flutter listview

Motionless Meerkat answered on August 1, 2020 Popularity 10/10 Helpfulness 6/10

answer how to scroll to a position in flutter listview

related flutter listview scroll to index

how to scroll to a position in flutter listview

Comment

ItemScrollController _scrollController = ItemScrollController();

ScrollablePositionedList.builder(
  itemScrollController: _scrollController,
  itemCount: _myList.length,
  itemBuilder: (context, index) {
    return _myList[index];
  },
)

_scrollController.scrollTo(index: 150, duration: Duration(seconds: 1));

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: stackoverflow.com

Tags: flutter-listview position scroll whatever

Link to this answer
Share Copy Link

Contributed on Aug 01 2020

Motionless Meerkat

0 Answers Avg Quality 2/10

Closely Related Answers

flutter listview scroll to index

Comment

import 'package:flutter/material.dart';

class MyListView extends StatefulWidget {
  @override
  _MyListViewState createState() => _MyListViewState();
}

class _MyListViewState extends State<MyListView> {
  final ScrollController _scrollController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      controller: _scrollController,
      itemCount: 100,
      itemBuilder: (context, index) => ListTile(title: Text('Item $index')),
    );
  }

  // Method to scroll to a specific index
  void scrollToIndex(int index) {
    _scrollController.animateTo(
      index * 50.0, // Here, assuming each item has a height of 50.0
      duration: Duration(seconds: 1),
      curve: Curves.easeInOut,
    );
  }

  @override
  void initState() {
    super.initState();
    // Example usage: Scroll to index 50 after 2 seconds
    Future.delayed(Duration(seconds: 2), () => scrollToIndex(50));
  }

  @override
  void dispose() {
    _scrollController.dispose();
    super.dispose();
  }
}

// Example usage in a widget
void main() {
  runApp(MaterialApp(
    home: MyListView(),
  ));
}

Popularity 9/10 Helpfulness 5/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

how to scroll to a position in flutter listview

Contents

More Related Answers

how to scroll to a position in flutter listview

Closely Related Answers

flutter listview scroll to index

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.