Demo Preview

Unlimited Index	5 Index	2 Index

The cupertino_page_controller package allows you to display a controller in order to check your current index inside a list

Features

• Display index of list
• Optionally add function to tap and redirect to a page
• Choose dark or light mode

⭐️ Feel free to star the project if you like it and increase the SEO of this package! ⭐️

Installation

Click here: Pub dev

Add the following dependency to your pubspec.yaml file:

dependencies:
    cupertino_page_controller: ^0.0.1

Then, run flutter pub get to fetch the package.

Usage

• import the iphone package: import 'package:cupertino_page_controller/cupertino_page_controller.dart';

cupertino_page_controller Color (optinal)

• brightness: Brightness (optional) to choose theme of widget

brightness: Brightness.dark,

Length of the list

• length: int (required) to specify the length of the list

length: 10,

Other Properties

• name: String (optional) title of the widget
• icon: IconData (optional) icon at the left
• function: Function (optional) when tap on the widget and route

name: "Search",
icon: CupertinoIcons.search,
function: () {
    // Do something like route..
},

Track Index Animation

Add this variable that will change when you switch to a new element to a new element of list, this will allow to track the current dot in white and the 2 other variable will Timer _timer and bool isSelect will allow to create a custom animation transition between "search mode" and dot controller: (required)

current: current,
isSelect: isSelect,
timer: _timer,

❤️