Indicator hide DecoratedBox hide while dragging about animated_toggle_switch HOT 12 CLOSED

animated_toggle_switch:
    git: https://github.com/SplashByte/animated_toggle_switch.git

class _HomePageSliderState extends State<HomePageSlider> {
  bool tripStart = false;

  @override
  Widget build(BuildContext context) {
    return CustomAnimatedToggleSwitch<bool>(
      current: tripStart,
      values: [false, true],
      dif: double.infinity,
      iconArrangement: IconArrangement.overlap,
      // left right 3
      padding: const EdgeInsets.symmetric(horizontal: 3.0),
      indicatorSize: const Size.square(42.0),
      animationDuration: const Duration(milliseconds: 200),
      animationCurve: Curves.linear,
      onChanged: (b) => setState(() => tripStart = b),
      //  Container for The Another Side  Not in used
      iconBuilder: (context, local, global) {
        return Center(
          child: Opacity(
            opacity: local.value ? 1.0 - global.position : global.position,
            child: Text(
            local.value ? '立即Call車' : '截車中',
            style: TextStyle(
              color: Colors.white,
              //Color.lerp(Colors.black, Colors.white, global.position),
              fontSize: 16.0,
              fontFamily: 'NotoSansHK',
              fontWeight: FontWeight.w600,
            ),
          ),),
        );
      },
      defaultCursor: SystemMouseCursors.click,
      onTap: () => setState(() => tripStart = !tripStart),
      iconsTappable: false,

      // container for the Switch Button
      foregroundIndicatorBuilder: (context, global) {
        return SizedBox.fromSize(
          size: global.indicatorSize,
          child: DecoratedBox(
              decoration: BoxDecoration(
                color: Colors.white,
                //Color.lerp(Colors.white, Colors.blue, global.position),
                borderRadius: BorderRadius.all(Radius.circular(24.0)),
              ),
              child: AnimatedContainer(
                // top 5 left 5 bottom 5 right 6
                padding: const EdgeInsets.fromLTRB(5.0, 5.0, 6.0, 5.0),
                duration: const Duration(milliseconds: 200),
                child: Icon(
                  tripStart ? Icons.close : Icons.arrow_forward_ios,
                  color: Color.lerp(Colors.blue, Colors.black, global.position),
                ),
              )),
        );
      },
      // container for the slider
      wrapperBuilder: (context, global, child) {
        return Stack(
          alignment: Alignment.center,
          children: [
            Positioned(
                left: 0.0,
                right: 0.0,
                height: 48,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    gradient: Gradient.lerp(
                       SPAColorSet.PrimaryGradient.gradient,
                       SPAColor.getGradientColor(['FFFFFF', '222222']),
                       global.position
                    ),
                    // color: Color.lerp(SPAColor.getColorFromHex('2A7DDE'),
                    //     SPAColor.getColorFromHex('5FCFFF'), global.position),
                    borderRadius: const BorderRadius.all(Radius.circular(24.0)),
                  ),
                )),
            child,
          ],
        );
      },
    );
  }}