How can I disabled flutter switch

Admin 1
Viewed 4150

In my help screen, I have this switch and the purpose for that is to do nothing but just display like the way it is.

But the problem I'm having right now, even though it doesn't do anything, the user can drag the switch so I'm trying to figure out how I can disabled it so that no one can drag the switch button.

    return Container(
      child: Card(
        color: Theme.of(context).primaryColor,
        margin: EdgeInsets.only(bottom: 30, top: 10),
        child: ListTile(
          title: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Text("Dark Theme",
                  style: TextStyle(color: Theme.of(context).accentColor)),
              Switch(
                  value: true,
                  onChanged: (value) {},
                  activeColor: Theme.of(context).accentColor),
              Text("Light Theme", style: TextStyle())
            ],
          ),
        ),
      ),
    );
  }

enter image description here

enter image description here

flutter-dependencies flutter-layout dart flutter layout
2 Answers

To disable your Switch, edit its onChanged method to null like this

Switch(
  onChanged: null,
  value: true,
  inactiveThumbColor: Colors.tealAccent,
  inactiveTrackColor: Colors.tealAccent.withOpacity(0.5),
  // ...
),
user_142312390

If you want to have static switch with manually set value, consider using AbsorbPointer. It will not change way your switch looks and will not disable it. AbsorbPointer is just preventing user from interacting with element

user_128308660
Related