tuldokator 1.0.8
tuldokator: ^1.0.8 copied to clipboard
A lightweight Flutter widget for customizable dot indicators, commonly used to show the current page in a PageView.
import 'package:flutter/material.dart';
import 'package:tuldokator/tuldokator.dart';
void main() {
runApp(const ExampleApp());
}
class ExampleApp extends StatefulWidget {
const ExampleApp({super.key});
@override
ExampleAppState createState() => ExampleAppState();
}
class ExampleAppState extends State<ExampleApp> {
final TuldokatorController _controller =
TuldokatorController(initialValue: 0);
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Tuldokator Example'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expanded(
child: PageView.builder(
onPageChanged: (page) => _controller.toIndex(page),
itemCount: 5,
itemBuilder: (context, index) {
return Center(
child: Text(
'Page ${index + 1}',
style: const TextStyle(fontSize: 24),
),
);
},
),
),
const SizedBox(height: 20),
Tuldokator(
itemCount: 5,
controller: _controller,
activeColor: Colors.green,
inactiveColor: Colors.purple,
),
const SizedBox(height: 40),
],
),
),
),
);
}
}