loading_mixin

Description:

loading mixin

Want to add Loading to your app?
With Loading Mixin you get it in a simple, fast and customizable way







Overview #
This package is for you to add loading to your application with just two words, adding this mixin to your class.
Contributing

https://github.com/tiagosito/loading_mixin

For more information, see the complete example


https://pub.dev/packages/loading_mixin/example


Getting Started


Getting Started
In pubspec.yaml:
dependencies:
loading_mixin: any
copied to clipboard
Load type: Automatic, Custom, Manual and Predefined Time #

Basic:
First: in your State class, add the mixin to the LoadingMixin class
import 'package:loading_mixin/loading_mixin.dart';

class LoadingMixinTest extends StatefulWidget {
@override
_LoadingMixinTestState createState() => _LoadingMixinTestState();
}

//State Class
class _LoadingMixinTestState extends State<LoadingMixinTest> with LoadingMixin {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Loading Mixin'),
),
body: buildBody(),
);
}
.
.
.
copied to clipboard
Second: add the startLoad method by passing your asynchronous function wherever you need
RaisedButton(onPressed: () async {
var result = await this.startAutomaticLoad(context, requestData);

result != null ? print('$result') : print('No data found!');
},
child: Text('Default Load',style: TextStyle(color: Colors.white),
),
)

//Async/HTTP request Example
static Future requestData() async {
await Future.delayed(Duration(milliseconds: 1500));
return 1844;
}
}
copied to clipboard
Custom: You can also customize your loading by passing the customLaod parameter

RaisedButton(onPressed: () async {
var customLoad = Container(
height: 50,
width: 50,
color: Colors.transparent,
child: Center(
child: CircularProgressIndicator(
valueColor: new AlwaysStoppedAnimation<Color>(Colors.yellow),
),
),
);
var result = await this.startAutomaticLoad(
context,
requestData,
loadingConfig: LoadingConfig(customLoad: customLoad),
);

result != null ? print('$result') : print('No data found!');
},
child: Text(
'Async',
style: TextStyle(color: Colors.white),
),
)

copied to clipboard
Manual Load: You can also start and finish the load manually

RaisedButton( onPressed: () async {
//Open Load
var ovelayEntry = this.startManualLoad(context);

//Your code
print('Put your code here!');
await Future.delayed(Duration(seconds: 2));

//Close Load
this.endManualLoad(context, ovelayEntry);
},
child: Text(
'Manual Load',
style: TextStyle(color: Colors.white),
),
)

copied to clipboard
Features and bugs #
Please send feature requests and bugs at the issue tracker.