Last updated:
0 purchases
flutter loading screen
flutter_responsive_scale #
A flutter package for making beautiful data loading screen with next page route event
Demo #
Features #
Beautiful loading screen UI
Event callback after task completion
Event navigate to next screen after task complete
Parameters for Compete UI control
Usage #
Add dependency #
Please check the latest version before installation.
If there is any problem with the new version, please use the previous version
dependencies:
flutter:
sdk: flutter
# add flutter_responsive_scale
flutter_loading_screen: ^{latest version}
copied to clipboard
Add the following imports to your Dart code #
import 'package:flutter_loading_screen/flutter_loading_screen.dart';
copied to clipboard
Property #
Property
Type
Parameter
Description
initializers
Parameter
double required
initial task parameter
navigateToWidget
Function
dynamic required
Parameter for navigate to Next page.
image
Parameter
assets image (optional)
parameter for background assets image
Examples #
import 'dart:core';
import 'package:flutter/material.dart';
import 'package:flutter_loading_screen/flutter_loading_screen.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Loading Screen Example',
theme: ThemeData(
brightness: Brightness.dark,
primarySwatch: Colors.grey,
),
home: const LoadingScreenExample(),
);
}
}
class LoadingScreenExample extends StatefulWidget {
const LoadingScreenExample({super.key});
@override
LoadingScreenExampleState createState() => LoadingScreenExampleState();
}
class LoadingScreenExampleState extends State<LoadingScreenExample> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: FlutterLoadingScreen(
initializers: const <dynamic>[TimeMessages.timer],
navigateToWidget: Scaffold(
appBar: AppBar(
title: const Text('Done'),
),
),
loaderColor: Colors.white,
image: Image.asset(
'assets/lake.jpg',
fit: BoxFit.cover,
),
title: 'Welcome in demo app',
backgroundColor: Colors.black,
styleTextUnderTheLoader: const TextStyle(
fontSize: 14.0,
fontWeight: FontWeight.bold,
color: Colors.lightGreenAccent,
),
),
);
}
}
class TimeMessages {
static Future timer(MessageState state) async {
await Future.delayed(const Duration(seconds: 20), () {
state.setMessage = DateTime.now().toIso8601String();
});
}
}
copied to clipboard
Authors #
@subhashDev11
🚀 About Me #
I'm a flutter developer...
🔗 Links #
License #
MIT
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.