banner_slider.dart

Go to the documentation of this file.

import 'dart:async';
import 'dart:convert';
 
import '/features/main_menu/domain/entities/banner_entity.dart';
import 'package:animate_do/animate_do.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:smooth_page_indicator/smooth_page_indicator.dart';
 
import '../../logic/cubit/banners_cubit.dart';
 
class BannerSliderView extends StatefulWidget {
  const BannerSliderView({super.key});
 
  @override
  State<BannerSliderView> createState() => _BannerSliderViewState();
}
 
class _BannerSliderViewState extends State<BannerSliderView> {
  final banners = [
    BannerEntity(
      id: 1,
      name: '1',
      image: 'assets/images/banner1.png',
    ),
    BannerEntity(
      id: 2,
      name: '2',
      image: 'assets/images/banner2.png',
    ),
    BannerEntity(
      id: 3,
      name: '3',
      image: 'assets/images/banner3.png',
    ),
  ];
  @override
  Widget build(BuildContext context) {
    return BannerSlider(banners: banners);
    return BlocBuilder<BannersCubit, BannersState>(
      builder: (context, state) {
        if (state is BannerLoadingSuccessfully) {
          return state.banners.isEmpty
              ? SizedBox(height: 20.sp)
              : BannerSlider(banners: state.banners);
        } else if (state is BannersLoadingFailure) {
          return SizedBox(height: 20.sp);
        } else {
          return SizedBox(height: 20.sp);
        }
      },
    );
  }
}
 
class BannerSlider extends StatefulWidget {
  const BannerSlider({
    super.key,
    required this.banners,
  });
 
  final List<BannerEntity> banners;
 
  @override
  State<BannerSlider> createState() => _BannerSliderState();
}
 
class _BannerSliderState extends State<BannerSlider> {
  final PageController _pageController = PageController(viewportFraction: 1.0);
 
  int _currentPage = 0;
 
  @override
  void initState() {
    super.initState();
 
    Future.delayed(const Duration(seconds: 1), () {
      autoSlide();
    });
  }
 
  void autoSlide() {
    Timer.periodic(const Duration(seconds: 3), (Timer timer) {
      if (_currentPage < widget.banners.length - 1) {
        _currentPage++;
      } else {
        _currentPage = 0;
      }
 
      _pageController.animateToPage(
        _currentPage,
        duration: const Duration(milliseconds: 350),
        curve: Curves.easeIn,
      );
    });
  }
 
  @override
  void dispose() {
    _pageController.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    return ZoomIn(
      child: Column(
        children: [
          Container(
            margin: EdgeInsets.symmetric(vertical: 15.sp),
            width: MediaQuery.of(context).size.width,
            height: 140.sp,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
            ),
            child: Stack(
              children: [
                PageView.builder(
                  controller: _pageController,
                  onPageChanged: (index) {
                    setState(() {
                      _currentPage = index;
                    });
                  },
                  itemCount: widget.banners.length,
                  itemBuilder: (context, index) {
                    return Container(
                      decoration: BoxDecoration(
                        color: Theme.of(context)
                            .colorScheme
                            .surface
                            .withOpacity(0.11),
                        borderRadius: BorderRadius.circular(10),
                      ),
                      child: ClipRRect(
                        borderRadius: BorderRadius.circular(10),
                        child: Image.asset(
                          widget.banners[index].image ?? '',
                          // fit: BoxFit.fitHeight,
                        ),
                        // child: Image.memory(
                        //   base64Decode(widget.banners[index].image ?? ''),
                        //   fit: BoxFit.fill,
                        // ),
                      ),
                    );
                  },
                ),
                Positioned(
                  bottom: 10,
                  left: 0,
                  right: 0,
                  child: Center(
                    child: SmoothPageIndicator(
                      controller: _pageController,
                      count: widget.banners.length,
                      effect: WormEffect(
                        dotHeight: 8,
                        dotWidth: 8,
                        spacing: 8,
                        dotColor: Theme.of(context)
                            .colorScheme
                            .onPrimary
                            .withOpacity(0.5),
                        activeDotColor: Theme.of(context).primaryColor,
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}