Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AndresR173/loading_transition_button
Animated transition button
https://github.com/AndresR173/loading_transition_button
Last synced: 7 days ago
JSON representation
Animated transition button
- Host: GitHub
- URL: https://github.com/AndresR173/loading_transition_button
- Owner: AndresR173
- License: mit
- Created: 2021-02-21T14:54:16.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-05-16T18:52:53.000Z (over 3 years ago)
- Last Synced: 2024-10-30T04:37:33.420Z (12 days ago)
- Language: Dart
- Size: 1.24 MB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Loading Transition button
A Customizable transition button for Flutter
## Getting Started
To use this package, add `loading_transition_button` as a dependency in your `pubspec.yaml` file.
```yaml
dependencies:
...
loading_transition_button: ^0.0.1
```
## How to use
In your project add the following import:
```dart
import 'package:loading_transition_button/loading_transition_button.dart';
```
In order to use this widget you have to use a `LoadingButtonController` to handler the different states.
```dart
final _controller = LoadingButtonController();
```
This widget starts a loading animation once it's tapped or by using the controller. You can the launcher to
init an error animation or stop the loading animation.
```dart
LoadingButton(
color: Colors.blue,
onSubmit: () => print('onSubmit'),
controller: _controller,
errorColor: Colors.red,
transitionDuration: Duration(seconds: 1),
child: Text(
'Hit me!',
style: Theme.of(context)
.textTheme
.bodyText1!
.copyWith(color: Colors.white),
),
),
```
To support the transition to a different page to have to call the `moveToScreen` method
```dart
_controller.moveToScreen(
context: context,
page: SearchPage(),
stopAnimation: true,
navigationCallback: (route) =>
Navigator.of(context).push(route),
),
```
`navigationCallback` will send you a new route that you can use for different navigation method like push or replace.
# LoadingTransitionButton
