custom_slider.dart

Go to the documentation of this file.

import 'package:action_slider/action_slider.dart';
import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:shimmer/shimmer.dart';
 
import '../theme/color_palette.dart';
 
class CustomSlider extends StatelessWidget {
  final String text;
  final dynamic Function(ActionSliderController)? action;
 
  const CustomSlider({
    super.key,
    required this.text,
    required this.action,
  });
 
  @override
  Widget build(BuildContext context) {
    final bool isRTL = Directionality.of(context) == TextDirection.rtl;
    
    return ActionSlider.standard(
      successIcon: const Icon(FluentIcons.checkmark_24_filled, color: ColorPalette.white,),
      loadingIcon: const CircularProgressIndicator(
        strokeWidth: 1,
        valueColor: AlwaysStoppedAnimation<Color>(ColorPalette.white),
      ),
      foregroundBorderRadius: BorderRadius.circular(20),
      backgroundBorderRadius: BorderRadius.circular(20),
      boxShadow: [
        BoxShadow(
          color: ColorPalette.black.withValues(alpha:0.05),
          blurRadius: 10,
          offset: const Offset(0, 2),
        ),
      ],
      icon: Icon(
        isRTL ? FluentIcons.arrow_circle_left_12_filled : FluentIcons.arrow_circle_right_12_filled,
        color: ColorPalette.white,
        size: 24.sp,
      ),
      sliderBehavior: SliderBehavior.stretch,
      backgroundColor: ColorPalette.white,
      action: action,
      direction: isRTL ? TextDirection.rtl : TextDirection.ltr,
      child: Shimmer.fromColors(
        direction: isRTL? ShimmerDirection.rtl : ShimmerDirection.ltr,
        baseColor: ColorPalette.grey,
        highlightColor: ColorPalette.darkGrey,
        child: Text(
          text,
          style: Theme.of(context).textTheme.titleMedium?.copyWith(
            color: ColorPalette.grey,
            fontWeight: FontWeight.w600,
          ),
        ),
      ),
    );
  }
}