Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/drafakiller/swipewidget-flutter
Flutter Widget - A draggable widget , that can be swiped left or right.
https://github.com/drafakiller/swipewidget-flutter
dart flutter widgets
Last synced: 25 days ago
JSON representation
Flutter Widget - A draggable widget , that can be swiped left or right.
- Host: GitHub
- URL: https://github.com/drafakiller/swipewidget-flutter
- Owner: DrafaKiller
- License: mit
- Created: 2022-05-07T22:12:54.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-01T11:44:57.000Z (about 2 years ago)
- Last Synced: 2023-08-09T13:39:58.682Z (over 1 year ago)
- Topics: dart, flutter, widgets
- Language: Dart
- Homepage:
- Size: 25.4 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Swipe Widget
A Flutter Widget to make your widgets swipe to the sides.
## Features
* Your widget will be draggable with a smooth animation.
* When dragging to the sides and releasing, the widget will swipe away if it passes a certain threshold.
* Set actions for swipe, left and right, and to when the distance changes.
* Customize how it reacts when dragged, parameters are available when creating the widget.
## Getting started
Install it using pub:
```
flutter pub add swipe_widget
```
And import the package:
```dart
import 'package:swipe_widget/swipe_widget.dart';
```
## Usage
It's as simple as:
```dart
SwipeWidget(
child:
);
```
If you want to add funcionalities you can add Functions:
```dart
SwipeWidget(
onSwipe: () => print('Swiped!'),
onSwipeLeft: () => print('Swiped left! I feel rejected...'),
onSwipeRight: () => print('Swiped right!'),
onUpdate: (distance) => print('The distance of the swipe is $distance (from 0 to 1)'),
child:
);
```
You can change how the swipe should react:
```dart
SwipeWidget(
distance: 0.5,
angle: 0.4,
rotation: 25,
scale: 1,
dragStrenght: 0.5,
child:
);
```
* These properties are related to how far the widget is being dragged.
* **Distance** is the threshold needed to take action when released. (Example: If it was 0.5, you would only need to drag half way and releasing, it would act like a full swipe)
* **Angle** is in radians, while **rotation** is in degrees. (Angle has priority over rotation)
## GitHub
The widget code is available on Github: [Flutter - SwipeWidget](https://github.com/DrafaKiller/SwipeWidget)
## Widget Preview
Example 1
Example 2
