A customizable toggle switch widget to add asset background images to the toggle switch.

All fancy images

Features

Use this package to give fancy background images to the switch for your app.

Parameters

  • Required

    1. bool value: A boolean value that determines whether the switch is active or not.
    2. ValueChanged<bool> onChanged: A callback function called whenever the switch is tapped.
    3. double height: A double value that sets height of the switch.
    4. String activeModeBackgroundImage: A string value that contains the path of the asset background image when the switch is active.
    5. String inactiveModeBackgroundImage: A string value that contains the path of the asset background image when the switch is inactive.

  • Optional

    1. Color activeThumbColor: Sets color of the thumb when the switch is active. Default value is Colors.white.
    2. Color inactiveThumbColor: Sets color of the thumb when the switch is inactive. Default value is Colors.white.
    3. Image activeThumbImage: Used to give image to the thumb when the switch is active.
    4. Image inactiveThumbImage: Used to give image to the thumb when the switch is inactive.

Getting started

  • Add the package to your dependencies

dependencies:
  fancy_switch: ^0.0.1
  • Import the package to the dart file
import 'package:fancy_switch/fancy_switch.dart';
  • Use it as widget wherever it is convenient

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Demo'),
        actions: [
            FancySwitch(
                value: foo,
                onChanged: foobar,
                height: 25,
                activeModeBackgroundImage: 'assets/active_mode_background_color.png',
                inactiveModeBackgroundImage: 'assets/inactive_mode_background_color.png',
            ),
        ],
      ),
    );
  }
}

Usage

Switching between dark mode and light mode using FancySwitch

Support the pacakge (optional)

If you find this package useful, you can support it for free by giving it a thumbs up at the top of this page. Here’s another option to support the package:

Buy Me A Coffee

Contributing to this package

If you would like to contribute to the package, go here.

GitHub

View Github