Last updated:
0 purchases
jasperpack
Jasper Pack #
Jasperpack is a Flutter package offering various animation loaders with color transitions and nested animations.
Installation #
To add jasperpack to your project, include it in the dependencies section of your pubspec.yaml file:
dependencies:
jasperpack: ^1.0.0 # Use the latest version available
copied to clipboard
Then, run the following command in your terminal to install the package:
flutter pub get```
## Usage
### JasperLoader
`JasperLoader` displays a loader animation that rotates through a list of colors. Here’s a basic usage example:
```dart
import 'package:flutter/material.dart';
import 'package:jasperpack/color_loader.dart'; // Import the package
void main() {
runApp(MyApp());}
class MyApp extends StatelessWidget {
@override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'Jasperpack Example', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(), ); }}
class MyHomePage extends StatelessWidget {
@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Jasperpack Example'), ), body: Center( child: JasperLoader( colors: [Colors.red, Colors.green, Colors.blue], duration: Duration(seconds: 1), ), ), ); }}
copied to clipboard
JasperLoader2 #
JasperLoader2 Here’s how to use it:
JasperLoader2(dotOneColor: Colors.pink, dotTwoColor: Colors.amber,
dotThreeColor: Colors.deepOrange,
dotType: DotType.square,
duration: Duration(seconds: 2)),
copied to clipboard
JasperLoader3 #
JasperLoader3 Here’s how to use it:
JasperLoader3( color1: Colors.deepOrangeAccent,
color2: Colors.yellow,
color3: Colors.lightBlue),
copied to clipboard
JasperLoader4 #
JasperLoader4 Here’s how to use it:
JasperLoader4(
radius: 20.0,
dotRadius: 6.0)),
copied to clipboard
JasperLoader5 #
JasperLoader5 Here’s how to use it:
JasperLoader5(dotOneColor: Colors.pink,
dotTwoColor: Colors.amber,
dotThreeColor: Colors.deepOrange,
dotType: DotType.circle,
dotIcon: Icon(Icons.adjust),
duration: Duration(seconds: 1)),
copied to clipboard
Contributing #
If you’d like to contribute, please follow these steps:
Fork: Fork the repository to your own GitHub account.
Branch: Create a new branch for your changes.
Commit: Commit your changes.
Pull Request: Submit a pull request on GitHub.
Thank you for your contributions!
License
This project is licensed under the MIT License. See the LICENSE file for details.
Feel free to adjust any sections based on your specific needs or additional information you might want to include.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.