DayNightSwitch A day night switch widget for Flutter. Installation Add to pubspec.yaml. Usage To use plugin, just import package import ‘package:day_night_switch/day_night_switch.dart’; Example Download Day-Night Switch widget source code on GitHub Implementation guide on Day Night Switch package on pub.dev https://pub.dev/packages/day_night_switch FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Category : Switch
Flutter Tab Toggle A Beautiful and Simple Tab/Toggle switch widget. It can be fully customized with desired icons, width, colors, text, corner radius etc. It also maintains selection state. Getting Started In the pubspec.yaml of your flutter project, add the following dependency: dependencies: … flutter_toggle_tab: “^latestVersion” Import it: import ‘package:flutter_toggle_tab/flutter_toggle_tab.dart’; Usage Examples Basic tab/toggle switch // Here ..
ThemeModeSelector Widget I am currently working with the concept of Theme’s in Flutter and I wanted to build a widget that would allow me to switch between light and dark themes. Seeking a design for a simple toggle, I was lucky enough to stumble into some of Zhenya Karapetyan’s amazing work on Dribbble. Zhenya’s simple yet fun design ..
flutter_advanced_switch An advanced switch widget, that can be fully customized with size, text, color, radius of corners. Switch OFF State Switch ON State Getting Started In the pubspec.yaml of your flutter project, add the following dependency: dependencies: … flutter_advanced_switch: <latest_version> Import in your project: import ‘package:flutter_advanced_switch/flutter_advanced_switch.dart’; Examples Regular Switch final _controller = AdvancedSwitchController(); // … AdvancedSwitch( controller: ..
xlive_switch A Xlive Switcher plugin for Flutter Getting Started This plugin is based on Oleg Frolov’s animation design which I found on Dribbble: https://dribbble.com/shots/5429846-Switcher-XLIV Thanks Oleg Forlov for this beautiful design. Usage To use plugin, just import package import ‘package:xlive_switch/xlive_switch.dart’; You can change the color of the switch follow by these attributes: activeColor: background color when value ..
ListTileSwitch ListTileSwitch is a simple widget that combines ListTile with a switch. Offering 3 types of switch widgets: Switch: Material Switch from Material library on Flutter SDK. CupertinoSwitch: CupertinoSwitch from Cupertino library on Flutter SDK. A custom switch. Tested on Android and Web but not iOS. Theoritacially it should work on iOS devices too, since this package contains nothing ..
DayNightSwitcher Just a simple day / night switcher widget made in pure Dart. It allows you to quickly show a beautiful dark mode switcher widget to your users. How to use ? Using this plugin is pretty straightforward. You have two widgets : DayNightSwitcher and DayNightSwitcherIcon. Here’s a sample code for DayNightSwitcher : DayNightSwitcher( isDarkModeEnabled: isDarkModeEnabled, onStateChanged: (isDarkModeEnabled) { setState(() ..
custom_switch Beautiful Custom Switch package created with Flutter. The source code is 100% Dart, and everything resides in the /lib folder. Show some and star the repo to support the project Installation In the dependencies: section of your pubspec.yaml, add the following line: custom_switch: <latest_version> Import in your project: import ‘package:custom_switch/custom_switch.dart’; Basic Usage class HomeScreen extends StatefulWidget { @override _HomeScreenState createState() => ..
flutter_switch An easy to implement custom switch created for Flutter. Give it a custom height and width, border for the switch and toggle, border radius, colors, toggle size, a choice to display an ‘On’ and ‘Off’ text and able to add an icon inside the toggle. Demo Video version: https://youtu.be/JqJnxjE6Efc Use this package as a library ..
Slider Button This package provides an easy implementation of a Slider Button to cancel current transaction or screen. Highly customizable iphone alike looking widget. How to use Type 1 This is a Circle type widget. You just need to define the border radius to swap between rectangle and circle type widget. import ‘package:slider_button/slider_button.dart’; Center(child: SliderButton( ..
lite_rolling_switch Full customable rolling switch widget for flutter apps based on Pedro Massango’s ‘crazy-switch’ widget https://github.com/pedromassango/crazy-switch About Custom Switch button with attractive animation, made to allow you to customize colors, icons and other cosmetic content. Manage the widget states in the same way you do with the classical material’s switch widget. NOTE: Currently, you cannot directly ..
Toggle Switch A simple toggle switch widget. It can be fully customized with desired icons, width, colors, text, corner radius etc. It also maintains selection state. Getting Started In the pubspec.yaml of your flutter project, add the following dependency: dependencies: … toggle_switch: “^0.1.8” Import it: import ‘package:toggle_switch/toggle_switch.dart’; Usage Examples Basic toggle switch // Here, default theme colors ..
FSwitch An interesting and practical switch component. Supports setting tips, slider decorations, shadows, and good interaction. Author：Newton(coorchice.cb@alibaba-inc.com) English | 简体中文 Like it? Please cast your Star ！ Features Support opening and closing tips Support setting decoration for Slider Support flexible configuration available state More sense of space Shadow Good switch interactive experience Guide Parameters Param Type Necessary Default desc open ..
Flutter App Templates
