61 vertical switch

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.8.3
+
+- adds support for vertical switches ([#61](https://github.com/splashbyte/animated_toggle_switch/issues/61))
+
 ## 0.8.2 (2024-02-26)
 
 - adds `clipBehavior` to `AnimatedToggleSwitch` ([#56](https://github.com/splashbyte/animated_toggle_switch/issues/56))

README.md

@@ -14,8 +14,8 @@
 
 Fully customizable, draggable and animated switch with multiple choices and [smooth loading animation](#loading-animation). It has prebuilt constructors for rolling and size animations, but it also allows you to create your own switches with `CustomAnimatedToggleSwitch`.  
 `LTR` and `RTL` are both supported.  
-[Switches without an (initial) selection](#nullable-selection) are also possible.  
-Most builder arguments of `AnimatedToggleSwitch` have a standard and a custom version. This ensures that you can [get started easily](#simple-rolling-animation) and still customize a lot if necessary. There are several options for [styling](#styling) it.
+[Switches without an (initial) selection](#nullable-selection) and [vertical switches](#vertical-switches) are also possible.  
+Most builder arguments of `AnimatedToggleSwitch` have standard and a custom version. This ensures that you can [get started easily](#simple-rolling-animation) and still customize a lot if necessary. There are several options for [styling](#styling) it.
 
 For a slider with a similar look you can check out [action_slider](https://pub.dev/packages/action_slider).
 
@@ -129,6 +129,14 @@ AnimatedToggleSwitch<int?>.rolling(
 )
 ```
 
+### Vertical switches
+![animated_toggle_switch_example_vertical](https://github.com/user-attachments/assets/b6b804d0-a8f0-47a2-bf73-e9e0b65773d7)  
+You can get a vertical version of any switch by calling `vertical()` on it.
+
+```dart
+AnimatedToggleSwitch<int?>.rolling(...).vertical()
+```
+
 ### Fully customizable toggle switch with `CustomAnimatedToggleSwitch`
 
 ```dart

example/.gitignore

@@ -32,7 +32,6 @@
 /build/
 
 # Web related
-lib/generated_plugin_registrant.dart
 
 # Symbolication related
 app.*.symbols

example/ios/Runner.xcodeproj/project.pbxproj

@@ -127,7 +127,7 @@
 		97C146E61CF9000F007C117D /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 1430;
+				LastUpgradeCheck = 1510;
 				ORGANIZATIONNAME = "";
 				TargetAttributes = {
 					97C146ED1CF9000F007C117D = {

example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1430"
+   LastUpgradeVersion = "1510"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"

example/ios/Runner/AppDelegate.swift

@@ -1,7 +1,7 @@
 import UIKit
 import Flutter
 
-@UIApplicationMain
+@main
 @objc class AppDelegate: FlutterAppDelegate {
   override func application(
     _ application: UIApplication,

example/lib/crazy_switch.dart

@@ -24,7 +24,7 @@ class _CrazySwitchState extends State<CrazySwitch> {
     return CustomAnimatedToggleSwitch(
       current: current,
       spacing: 36.0,
-      values: [false, true],
+      values: const [false, true],
       animationDuration: const Duration(milliseconds: 350),
       animationCurve: Curves.bounceOut,
       iconBuilder: (context, local, global) => const SizedBox(),
@@ -41,7 +41,7 @@ class _CrazySwitchState extends State<CrazySwitch> {
         return Container(
           alignment: Alignment.center,
           decoration:
-              BoxDecoration(color: Colors.white, shape: BoxShape.circle),
+              const BoxDecoration(color: Colors.white, shape: BoxShape.circle),
           child: Container(
               width: innerIndicatorSize * 0.4 +
                   global.position * innerIndicatorSize * 0.6,

example/lib/load_switch.dart

@@ -19,9 +19,9 @@ class _LoadSwitchState extends State<LoadSwitch> {
     const borderWidth = 5.0;
     return CustomAnimatedToggleSwitch(
       height: height,
-      indicatorSize: Size.square(height),
+      indicatorSize: const Size.square(height),
       current: value,
-      values: [false, true],
+      values: const [false, true],
       onChanged: (newValue) {
         setState(() => value = newValue);
         return Future.delayed(const Duration(seconds: 2));
@@ -42,8 +42,8 @@ class _LoadSwitchState extends State<LoadSwitch> {
         return Stack(
           fit: StackFit.expand,
           children: [
-            Padding(
-              padding: const EdgeInsets.all(borderWidth),
+            const Padding(
+              padding: EdgeInsets.all(borderWidth),
               child: DecoratedBox(
                   decoration: BoxDecoration(
                       shape: BoxShape.circle, color: Colors.white)),