Hello, I upgraded to the new version, in the new version all the buttons are rounded at the borders. radiusStyle: false has no effect !!

I mean the connection border between the two buttons. Not like before.

How do I update the toggleswitch programmatically?

I have tried using ValueListenableBuilder and changing initialLabelIndex but I wonder if there could be a better way, also this seems that isn't always working

Hi, I found this package to be very amazing but there is a strange issue that I just noticed. I saw that setState wasn't working at first in the switch. Luckily I found the example on this page. But there's is something I just noticed.

Let's say we have two values [User, Service Provider]

Now I have radiovalue variable set to 0.

  onToggle: (val){
                        print(radioval);
                        setState(() {
                          radioval = val;
                        });

                      },

The issue is that if a person in mistake presses the selected box more than once the value changes.

for an instance before touch the value for user was 0 and service provider was 1 and if user selected the user button more than once the value will change from 0 to 1 and service provider's value will become 0 and vice versa.

This is the issue. Is it possible to not change the value for selected index?

When doing a setState() in the onToggle() function, suddenly it doesn't switch to the other value anymore but no error is occurring. Even the state value is switching properly but the view doesn't get updated.

Everything works fine until I try to add some state, what am I doing wrong?

Best regards.

Describe the bug Sample code

ToggleSwitch(
                  minWidth: double.infinity,
                  minHeight: MySize.size40,
                  fontSize: 16.0,
                  initialLabelIndex: 0,
                  activeBgColor: [AppTheme.ovaOrange],
                  activeFgColor: Colors.white,
                  inactiveBgColor: AppTheme.ovaGrey,
                  inactiveFgColor: Colors.grey[900],
                  totalSwitches: 2,
                  labels: ['Orders', 'WIP'],
                  onToggle: (index) {
                    print('switched to: $index');
                    setState(() {
                      if(index==0)
                        showOrder=true;
                      else
                        showOrder=false;

                    });                  },
                )

the right index is printed but the Active color doesnot change

Not able to give different width to each button. My tabs name are like "SMS", "Clarification", "Feedback"...but SMS text take up the same space as Clarification, which I don't want

I am using the example code but getting this strange effect. Currently, I using this version toggle_switch: ^1.2.0

` ToggleSwitch( minWidth: 90.0,

          initialLabelIndex: 1,
          cornerRadius: 20.0,
          activeFgColor: Colors.white,
          inactiveBgColor: Colors.grey,
          inactiveFgColor: Colors.white,
          totalSwitches: 2,
          labels: ['Male', 'Female'],
     
          activeBgColors: [[Colors.blue],[Colors.pink]],
          onToggle: (index) {
            print('switched to: $index');
          },
        ),`

Added option minHeight which when set to null will allow the widget to find its natural size based on the font content. Added option setIndex to allow an user of ToggleSwitch to set its index programatically. Added bool return to onToggle so the toggle could be rejected.

Changelog:

Added support for disabling the Widget or one or more options it may contain; Added support to determine the colors for the background, text and divider when the widget or its children are disabled.

Describe the bug When I click on the ToggleSwitch, nothing switch, but my index are good when I print it

To Reproduce

Column(children: [
        ToggleSwitch(
          minWidth: 100.0,
          initialLabelIndex: showIOSQrcode,
          totalSwitches: 2,
          labels: ['Apple Store', 'Play Store'],
          onToggle: (index) {
            print('switched index: $index');
            setState(() {
              showIOSQrcode = index;
            });
            print(showIOSQrcode);
          },
        ),
        Padding(padding: EdgeInsets.symmetric(vertical: 5)),
        showIOSQrcode == 0
            ? Image(
                image: AssetImage(
                    'assets/images/qrcode_ios.png'),
                width: 180,
              )
            : Image(
                image: AssetImage(
                    'assets/images/qr_code_play_store.png'))
        ]),

Expected behavior I expected to see the switch between Apple and Play Store and to see the image change with it

Additional information

toggle_switch: ^1.3.0

[✓] Flutter (Channel unknown, 2.0.6, on macOS 12.0.1 21A559 darwin-arm, locale fr-FR) • Flutter version 2.0.6 at /Users/lucas/Development/flutter • Framework revision 1d9032c7e1 (7 months ago), 2021-04-29 17:37:58 -0700 • Engine revision 05e680e202 • Dart version 2.12.3

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3) • Android SDK at /Users/lucas/Library/Android/sdk • Platform android-30, build-tools 30.0.3 • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165) • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS • Xcode at /Applications/Xcode.app/Contents/Developer • Xcode 13.1, Build version 13A1030d • CocoaPods version 1.11.2

[✓] Chrome - develop for the web • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2020.3) • Android Studio at /Applications/Android Studio.app/Contents • Flutter plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)

[✓] VS Code (version 1.62.3) • VS Code at /Applications/Visual Studio Code.app/Contents • Flutter extension version 3.28.0

[✓] Connected device (2 available) • iPhone Lucas (mobile) • baaa60cd2019dbd8bd0c781818b0fa03815e65c2 • ios • iOS 15.0.2 • Chrome (web) • chrome • web-javascript • Google Chrome 96.0.4664.55

• No issues found!

Hi Pramod, thanks for creating this!

Just a qtn, can we decide the number of rows?

Context: I have 2 rows of options for users to choose from. I could do a separate toggle switch for 2 created rows, but I reckon it would be harder to store the printed value as I want them to choose only one choice.

it would be better if the toggle switch could allow 2 rows in the same widget and they just choose one option and that option is captured.

Maybe this feature is already out. >.<, and is staring me in the face. Any guidance is appreciated.

Cheers!

Describe the bug When used inside CustomScrollView, last item in the switch always expand to full width.

To Reproduce

import 'package:flutter/material.dart';
import 'package:toggle_switch/toggle_switch.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: CustomScrollView(
          slivers: [
            SliverPadding(
              padding: const EdgeInsets.only(top: 100),
              sliver: SliverToBoxAdapter(
                child: ToggleSwitch(
                  labels: const ['America', 'Canada', 'Mexico'],
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}

Expected behavior It shouldn't stretch the last item

Screenshots

Additional information

• toggle_switch version 2.0.1

Is your feature request related to a problem? Please describe. I would like a custom font that changes color on active and inactive.

Describe the solution you'd like textStyle = widget.customTextStyles!.length == 1 ? widget.customTextStyles![0]! : (widget.customTextStyles!.length > index ~/ 2 && widget.customTextStyles![index ~/ 2] != null ? widget.customTextStyles![index ~/ 2]! : defaultTextStyle);

       change requested:
              if (active && activeFgColor != null) {
                textStyle = textStyle.copyWith(color: activeFgColor);
              } else if (!active && inactiveFgColor != null) {
                textStyle = textStyle.copyWith(color: inactiveFgColor);
              }

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.

Hi!

I need to implement this design:

I think with the current lib, I cannot right? Maybe allowing a List for tabs or at least List might get the trick done, what do you think?

Also maybe I should create a new issue about the possibility of disableling a tab (see my screenshot)?

Thanks :)