banner_slider.dart

Go to the documentation of this file.

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../../../../../core/constants/assets.dart';
 
class BannerSlider extends StatefulWidget {
  const BannerSlider({super.key});
 
  @override
  State<BannerSlider> createState() => _BannerSliderState();
}
 
class _BannerSliderState extends State<BannerSlider> {
  final PageController _pageController = PageController();
  int _currentPage = 0;
  Timer? _timer;
 
  @override
  void initState() {
    super.initState();
    _startAutoSlide();
  }
 
  @override
  void dispose() {
    _timer?.cancel();
    _pageController.dispose();
    super.dispose();
  }
 
  void _startAutoSlide() {
    _timer = Timer.periodic(const Duration(seconds: 3), (timer) {
      if (_currentPage < Assets.bannerImages.length - 1) {
        _currentPage++;
      } else {
        _currentPage = 0;
      }
      
      if (_pageController.hasClients) {
        _pageController.animateToPage(
          _currentPage,
          duration: const Duration(milliseconds: 350),
          curve: Curves.easeIn,
        );
      }
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        SizedBox(
          height: 140.sp,
          child: Stack(
            alignment: Alignment.bottomCenter,
            children: [
              PageView.builder(
                controller: _pageController,
                onPageChanged: (index) {
                  setState(() {
                    _currentPage = index;
                  });
                },
                itemCount: Assets.bannerImages.length,
                itemBuilder: (context, index) {
                  return Padding(
                    padding: EdgeInsets.symmetric(horizontal: 20.sp),
                    child: ClipRRect(
                      borderRadius: BorderRadius.circular(12.sp),
                      child: Image.asset(
                        Assets.bannerImages[index],
                        fit: BoxFit.fill,
                      ),
                    ),
                  );
                },
              ),
              Positioned(
                bottom: 10.sp,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: List.generate(
                    Assets.bannerImages.length,
                    (index) => Container(
                      margin: EdgeInsets.symmetric(horizontal: 2.sp),
                      width: 8.sp,
                      height: 8.sp,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: _currentPage == index
                            ? Theme.of(context).primaryColor
                            : Colors.grey.shade300,
                      ),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}