Breaking News: Grepper is joining You.com. Read the official announcement!

Flutter PageView infinite scroll

YOU.com answered on September 11, 2023 Popularity 5/10 Helpfulness 1/10

answer Flutter PageView infinite scroll

Flutter PageView infinite scroll

Comment

import 'package:flutter/material.dart';

class InfiniteScrollPage extends StatefulWidget {
  @override
  _InfiniteScrollPageState createState() => _InfiniteScrollPageState();
}

class _InfiniteScrollPageState extends State<InfiniteScrollPage> {
  // Controller for the PageView
  final PageController _controller = PageController(initialPage: 0);

  @override
  void initState() {
    super.initState();
    // Add a listener to the PageController
    _controller.addListener(_scrollListener);
  }

  @override
  void dispose() {
    // Dispose the PageController when the widget is disposed
    _controller.dispose();
    super.dispose();
  }

  void _scrollListener() {
    if (_controller.position.atEdge) {
      if (_controller.position.pixels == 0) {
        // Scrolling reached the start of the page, so jump to the last page
        _controller.jumpToPage(/* The index of the last page */);
      } else {
        // Scrolling reached the end of the page, so jump to the first page
        _controller.jumpToPage(/* The index of the first page */);
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return PageView(
      controller: _controller,
      children: [
        // Add your pages here
        Container(color: Colors.red),
        Container(color: Colors.blue),
        Container(color: Colors.green),
      ],
    );
  }
}

Popularity 5/10 Helpfulness 1/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

Flutter PageView infinite scroll

Contents

More Related Answers

Flutter PageView infinite scroll

Grepper

Documentation

Social

Legal

Contact

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