I'm checking some conditions before witching the button. But when Switch the button for the first time (ON to OFF or OFF to ON), It is not checking the conditions in onToggle

 child: FlutterSwitch(
          width: 125.0,
          height: 55.0,
          valueFontSize: 25.0,
          toggleSize: 45.0,
          value: value,
          borderRadius: 30.0,
          padding: 8.0,
          showOnOff: true,
          onToggle: (val) {
            if (conditions) {
              setState(() {
                this.value = val;
              });
            } else {
              setState(() {
                this.value = !val;
              });
            }
          },
        ),

Version used

pubspec.yaml

flutter_switch: ^0.1.4

I am using this switch in one of the main sections of my app and sometimes, in some occasions, it would be very helpful to be able to disable the flutter_switch until some other parameters or inputs get ready or became available. It looks like there is no property available to disable/enable the flutter_switch widget at the moment and I think it would be great to be able to do so.

Thanks for your great job.

Dart 2.12 and Flutter 2 now support sound null safety (https://dart.dev/null-safety). We're using FlutterSwitch and looking to move everything to be null safe. Could you give me an idea of if/when you plan on supporting? Thanks!

_FlutterSwitchState#3fb33(ticker active) was disposed with an active Ticker. _FlutterSwitchState created a Ticker via its SingleTickerProviderStateMixin, but at the time dispose() was called on the mixin, that Ticker was still active. The Ticker must be disposed before calling super.dispose(). Tickers used by AnimationControllers should be disposed by calling dispose() on the AnimationController itself. Otherwise, the ticker will leak. The offending ticker was: Ticker(created by _FlutterSwitchState#3fb33(lifecycle state: created)) The stack trace when the Ticker was actually created was: #0 new Ticker.<anonymous closure> (package:flutter/src/scheduler/ticker.dart:67:40) #1 new Ticker (package:flutter/src/scheduler/ticker.dart:69:6) #2 SingleTickerProviderStateMixin.createTicker (package:flutter/src/widgets/ticker_provider.dart:131:15) #3 new AnimationController (package:flutter/src/animation/animation_controller.dart:248:21) #4 _FlutterSwitchState.initState (package:flutter_switch/flutter_switch.dart:44:28) #5 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4765:58) #6 ComponentElement.mount (package:flutter/src/widgets/framework.dart:4601:5) #7 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3569:14) #8 MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:6236:32) ... Normal element mounting (4 frames) #12 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3569:14) #13 MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:6236:32) ... Normal element mounting (16 frames) #29 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3569:14) #30 Element.updateChild (package:flutter/src/widgets/framework.dart:3324:20) #31 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4652:16) #32 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:48 <fn>

Hi, first of all, thanks for publishing this package, it is awesome. In a project that I use it, I was getting an exception when I tried to force the widget to rebuilt. The exception was exception: disposed with an active ticker. The solution is to dispose the animation controller, so there you go.

The disabled parameter will accept a value of true or false (default). If disabled, the switch will have a 0.6 opacity.

FlutterSwitch(
   disabled: true,
   value: status1,
   onToggle: (val) {
       setState(() {
           status1 = val;
       });
    },
),

To try out these changes in your own project, depend on this version by putting these lines of code in your pubspec.yaml

flutter_switch:
    git:
      url: https://github.com/boringdeveloper/FlutterSwitch.git
      ref: 0.3.x

activeIcon and inactiveIcon expects icons of Icon class. However, I need icons that are images. Therefore, I changed it to expect a widget. Tested and worked for a square image (128x128) containing a circular icon. (with rounded edges cut off)

Hi there,

I can't find any controller to change the switch's state outside the widget. I want to check status of some parameters on app start and then toggle switches respectively without calling the onToggle() call routine, but I can't find any way to do so.

I would appreciate any suggestion/solution.

Thanks.

I notice the animation is not smooth when I use this widget. then I enable slow animations to observe the animation, I found the animation only has 3 frames. To solve this problem, I changed part of the code to the following figure.

It works well for me now.

hello, when I save bool statuts with sharedpreference and I load last value of statut I havn't change...

For exemple If my last statuts is true, and I load statut at the initStat I this print statuts : true but there is no switch of button...

Added optional Duration duration property, to allow developers control the animation's duration better. Didn't change the original value . Added optional Curve curve property, to allow developers control the animation's curve better. Didn't change the original value. Changed Row to Stack. Original Row had 3 fixed frames (left, center, right), but with Stack and Align it will animate position by given animation values (as many frames as possible, no hardcoded frames)

Also changed the text to be centered.

Hey, first of all I would like to say thank for all of you guys, you did nice job. Really appreciate that!

The thing I've notice is that: The Switch doesn't move by swipe gesture from left to right and opposite.

Does the widget have such kind of feature? Maybe I missed that, not sure...

Anyway, this one should be present I suppose. Are someone doing something like that? I can basically contribute that.

Thank you

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

1. create the switch with active icon = Image.asset.
2. change toggleColor: Colors.red (to make it more visible)
3. See error

Expected behavior The image should be filled and have a fixed height and width (no red color).

Screenshots

Smartphone (please complete the following information):

• Device: iPhone Xr
• OS: iOS15

Additional context Source code:

return FlutterSwitch(
      value: _currentValue,
      onToggle: (newValue) {
        setState(() {
          _currentValue = newValue;
        });
      },
      height: 30,
      activeIcon: Image.asset(
        'slider-thumb'.pngAssetsPath,
        height: 30,
      ),
      inactiveIcon: Image.asset(
        'slider-thumb'.pngAssetsPath,
        height: 30,
      ),
      toggleColor: Colors.red,
      activeColor: CustomColors.greenIndicator,
      inactiveColor: CustomColors.pinkIndicator,
);

Thanks

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like A clear and concise description of what you want to happen.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

I am trying to create a switch like in this image:

However, I cannot find a way to reduce the distance between the toggle and the edges to 0. It ends up looking like this:

It would be nice if there was a setting that allows to remove this little bit of padding.

I have already looked at the code and by subtracting 9 from the Container width on line 382 I get the following:

This is certainly better, but the 9 is hardcoded for my specific toggle size.

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.