slide_button

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

SlideButton ist ein anpassbarer Flutter-Widget, der sich an der Funktion „Zum Entsperren schieben“ auf verschiedenen Geräten orientiert. Er bietet eine reibungslose, interaktive Schiebeerfahrung mit umfangreichen Gestaltungsmöglichkeiten für Farben, Formen und Animationen. Entwickler können sein Aussehen und Verhalten an unterschiedliche UI-Anforderungen anpassen und so ideal für Authentifizierungsanfragen, Schalter oder ansprechende Benutzerinteraktionen geeignet machen. Der Widget ist leichtgewichtig und einfach in bestehende Flutter-Projekte zu integrieren.

Anwendungsfälle

Authentifizierungs-Eingaben
Interaktive Benutzeroberflächenelemente
Benutzerdefinierte Schalter
Onboarding-Bildschirme
Benutzerbestätigungsdialoge

Hauptmerkmale

Hochgradig anpassbare Erscheinung
Glatte Gleitanimation
Konfigurierbare Track- und Thumb-Stile
Callback bei Abschluss der Verschiebung unterstützt
Leichtgewichtig und leistungsstark

Geeignet für

Entwickler, die intuitive Freischaltungs-Schnittstellen entwickeln
Designer, die interaktive Widgets suchen
Apps, die Benutzerbestätigungsaktionen erfordern
Projekte mit individuellen Slider-Anforderungen

Hinweise

Eingeschränktes plattformspezifisches Verhalten
Keine integrierten Zugänglichkeitsfunktionen
Erfordert manuelle Behandlung von Randfällen
Nicht für die Erkennung komplexer Gesten optimiert

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Sliding Button

A sliding Flutter widget, based on the slide to unlock function from multiple devices. Heavily customizable and flexible.

Installing

Add the following to your pubspec.yaml:

dependencies:
slide_button: ^0.2.8

Usage

Install
Use the SlideButton widget anywhere
???
Profit

Properties

Several properties are present and can be customized:

| Properties              	| Description                                                                                                                                                            	|
|-------------------------	|------------------------------------------------------------------------------------------------------------------------------------------------------------------------	|
| height                  	| Height of the Widget, leave blank to get the parent constraints.                                                                                                       	|
| backgroundChild         	| A child to be put on the background bar, NOT centered by default.                                                                                                      	|
| slidingChild            	| A child tobe put on the sliding bar, NOT centered by default.                                                                                                          	|
| backgroundColor         	| The color of the background bar.                                                                                                                                       	|
| slidingBarColor         	| The color of the sliding bar.                                                                                                                                          	|
| confirmPercentage       	| How much of the bar width have to be slided to confirm the action.                                                                                                     	|
| initialSliderPercentage 	| The initial (and resting) percentage of the sliding bar.                                                                                                               	|
| isDraggable             	| Is this widget draggable?                                                                                                                                              	|
| onButtonSlide           	| Callback that returns a `Double` value containing the drag percentage.                                                                                                 	|
| onButtonOpened          	| Callback called when the button is slided all the way.                                                                                                                 	|
| onButtonClosed          	| Callback called when the button is back to the initialSliderPercentage.                                                                                                	|
| slideDirection          	| Either SlideDirection.RIGHT or SlideDirection.LEFT, sets the sliding direction of the sliding bar.                                                                     	|
| shouldCloseBorders      	| This updates the borders when the button reaches 0.9 percent dragged, and set the borderRadius to zero, giving the impression of a "closed" button. Defaults to `true` 	|
| shouldCloseBorders      	| BorderRadius for the sliding bar, default is 50. 	                                                                                                                        |

TODO

[x] Create the repo
[x] Make it work
[ ] Fix text on the sliding bar
[ ] Find a better activation function capable of activating between x and y percentages
[ ] More listeners?
[ ] Parallax effect?
[ ] Make it pop

Inspiration

This widget was partially made possible by inspecting elements from sliding_up_panel.

Pakete, Repositories und App-Kategorien suchen

Paket installieren