2020-12-06 07:28:31 +00:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:selfprivacy/config/brand_colors.dart';
|
|
|
|
|
|
|
|
class DotsIndicator extends StatelessWidget {
|
|
|
|
const DotsIndicator({
|
2021-03-15 15:39:44 +00:00
|
|
|
required this.activeIndex,
|
|
|
|
required this.count,
|
2022-06-05 19:36:32 +00:00
|
|
|
final super.key,
|
|
|
|
});
|
2020-12-06 07:28:31 +00:00
|
|
|
|
|
|
|
final int activeIndex;
|
|
|
|
final int count;
|
|
|
|
|
|
|
|
@override
|
2022-06-05 19:36:32 +00:00
|
|
|
Widget build(final BuildContext context) {
|
|
|
|
final List<Container> dots = List.generate(
|
2020-12-06 07:28:31 +00:00
|
|
|
count,
|
2022-06-05 19:36:32 +00:00
|
|
|
(final index) => Container(
|
2022-05-24 18:55:39 +00:00
|
|
|
margin: const EdgeInsets.symmetric(horizontal: 5, vertical: 10),
|
2020-12-06 07:28:31 +00:00
|
|
|
height: 10,
|
|
|
|
width: 10,
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
shape: BoxShape.circle,
|
|
|
|
color: index == activeIndex ? BrandColors.blue : BrandColors.gray2,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
return Row(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
children: dots,
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|