GitLocker: The Coding Marketplace

Description:

pagination flutter

pagination_flutter #
Getting started #
Installation #
dependencies:
pagination_flutter: ^0.0.8
copied to clipboard
import 'package:pagination_flutter/pagination_flutter.dart';
copied to clipboard
Preview #

Usage #
class _MyHomePageState extends State<MyHomePage> {
int selectedPage = 1;

setSelectedPage(int index) {
setState(() {
selectedPage = index;
});
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Flutter Pagination"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Pagination(
numOfPages: 10,
selectedPage: selectedPage,
pagesVisible: 3,
onPageChanged: (page) {
setState(() {
selectedPage = page;
});
},
nextIcon: const Icon(
Icons.arrow_forward_ios,
color: Colors.blue,
size: 14,
),
previousIcon: const Icon(
Icons.arrow_back_ios,
color: Colors.blue,
size: 14,
),
activeTextStyle: const TextStyle(
color: Colors.white,
fontSize: 14,
fontWeight: FontWeight.w700,
),
activeBtnStyle: ButtonStyle(
backgroundColor: MaterialStateProperty.all(Colors.blue),
shape: MaterialStateProperty.all(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(38),
),
),
),
inactiveBtnStyle: ButtonStyle(
shape: MaterialStateProperty.all(RoundedRectangleBorder(
borderRadius: BorderRadius.circular(38),
)),
),
inactiveTextStyle: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w700,
),
),
],
),
),
);
}
}
copied to clipboard
Additional information #
Properties #

Name
Type
Default
Description

numOfPages
int
0
Number of pages to be displayed

selectedPage
int
0
The currently selected page

pagesVisible
int
0
Number of pages to be visible

onPageChanged
Function
null
Function to be called when a page is selected

nextIcon
Widget
null
Widget to be displayed as the next icon

previousIcon
Widget
null
Widget to be displayed as the previous icon

activeTextStyle
TextStyle
null
TextStyle for the active page

activeBtnStyle
ButtonStyle
null
ButtonStyle for the active page

inactiveBtnStyle
ButtonStyle
null
ButtonStyle for the inactive pages

inactiveTextStyle
TextStyle
null
TextStyle for the inactive pages

spacing
double
0
Spacing between the pages

License #
MIT
Author #
Varun V
Issues #
If you find any issues, please report them here