Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Antoinegtir/cupertino-page-control
Cupertino Widget that show current index in a list
https://github.com/Antoinegtir/cupertino-page-control
cupertino-widgets dart flutter ios package widget-library
Last synced: 2 months ago
JSON representation
Cupertino Widget that show current index in a list
- Host: GitHub
- URL: https://github.com/Antoinegtir/cupertino-page-control
- Owner: Antoinegtir
- License: bsd-2-clause
- Created: 2023-09-15T10:08:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-16T09:55:15.000Z (over 1 year ago)
- Last Synced: 2024-07-08T16:40:05.949Z (6 months ago)
- Topics: cupertino-widgets, dart, flutter, ios, package, widget-library
- Language: C++
- Homepage: https://pub.dev/packages/cupertino_page_controller
- Size: 9.66 MB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: CODEOWNERS
- Security: SECURITY
- Authors: AUTHORS
Awesome Lists containing this project
README
### 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,
```
❤️