custom_dual_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 CustomDualSlider extends StatelessWidget {
  final String startText;
  final String endText;
  final dynamic Function(ActionSliderController)? startAction;
  final dynamic Function(ActionSliderController)? endAction;
 
  const CustomDualSlider({
    super.key,
    required this.startText,
    required this.endText,
    required this.startAction,
    required this.endAction,
  });
 
  @override
  Widget build(BuildContext context) {
    final bool isRTL = Directionality.of(context) == TextDirection.rtl;
    
    return ActionSlider.dual(
      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(
        FluentIcons.arrows_bidirectional_20_filled,
        color: ColorPalette.white,
        size: 24.sp,
      ),
      backgroundColor: ColorPalette.white,
      startChild: Shimmer.fromColors(
        direction: isRTL ? ShimmerDirection.rtl : ShimmerDirection.ltr,
        baseColor: ColorPalette.grey,
        highlightColor: ColorPalette.darkGrey,
        child: Text(
          isRTL ? endText : startText,
          style: Theme.of(context).textTheme.titleMedium?.copyWith(
            fontSize: 11.sp,
            color: ColorPalette.grey,
            fontWeight: FontWeight.w600,
          ),
        ),
      ),
      endChild: Shimmer.fromColors(
        direction: isRTL ? ShimmerDirection.ltr : ShimmerDirection.rtl,
        baseColor: ColorPalette.grey,
        highlightColor: ColorPalette.darkGrey,
        child: Text(
          isRTL ? startText : endText,
          style: Theme.of(context).textTheme.titleMedium?.copyWith(
            fontSize: 11.sp,
            color: ColorPalette.grey,
            fontWeight: FontWeight.w600,
          ),
        ),
      ),
      startAction: isRTL ? endAction : startAction,
      endAction: isRTL ? startAction : endAction,
    );
  }
}