skeleton_loader
A Flutter Package which provides a fully customizable loading skeleton for your app,
Installation
How to install it? Follow Instructions
Preview
Usage
import 'package:example/models/states.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'screens/list.dart';
import 'screens/grid.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
final String appTitle = "Flutter Skeleton Loader Demo";
final List<StateCapital> sc = [
StateCapital(name: "Abia", capital: "Umuahia"),
StateCapital(name: "Adamawa", capital: "Yola"),
StateCapital(name: "Akwa-Ibom", capital: "Uyo"),
StateCapital(name: "Anambra", capital: "Awka"),
StateCapital(name: "Bauchi", capital: "Bauchi"),
StateCapital(name: "Bayelsa", capital: "Yenagoa"),
StateCapital(name: "Benue", capital: "Makurdi"),
StateCapital(name: "Borno", capital: "Maiduguri"),
StateCapital(name: "Cross River", capital: "Calabar"),
StateCapital(name: "Delta", capital: "Asaba"),
StateCapital(name: "Ebonyi", capital: "Abakaliki"),
StateCapital(name: "Edo", capital: "Benin"),
StateCapital(name: "Ekiti", capital: "Ado-Ekiti"),
StateCapital(name: "Enugu", capital: "Enugu"),
StateCapital(name: "Gombe", capital: "Gombe"),
StateCapital(name: "Imo", capital: "Owerri"),
StateCapital(name: "Jigawa", capital: "Dutse"),
StateCapital(name: "Kaduna", capital: "Kaduna"),
StateCapital(name: "Kano", capital: "Kano"),
StateCapital(name: "Katsina", capital: "Katsina"),
StateCapital(name: "Kebbi", capital: "Birnin-Kebbi"),
StateCapital(name: "Kogi", capital: "Lokoja"),
StateCapital(name: "Kwara", capital: "Ilorin"),
StateCapital(name: "Lagos", capital: "Ikeja"),
StateCapital(name: "Nassarawa", capital: "Lafia"),
StateCapital(name: "Niger", capital: "Mina"),
StateCapital(name: "Ogun", capital: "Abeokuta"),
StateCapital(name: "Ondo", capital: "Akure"),
StateCapital(name: "Osun", capital: "Osogbo"),
StateCapital(name: "Oyo", capital: "Ibadan"),
StateCapital(name: "Plateau", capital: "Jos"),
StateCapital(name: "Rivers", capital: "Port Harcourt"),
StateCapital(name: "Sokoto", capital: "Sokoto"),
StateCapital(name: "Taraba", capital: "Jalingo"),
StateCapital(name: "Yobe", capital: "Damaturu"),
StateCapital(name: "Zamfara", capital: "Gusau"),
];
@override
Widget build(BuildContext context) {
return MaterialApp(
title: appTitle,
theme: ThemeData(
primarySwatch: Colors.blue,
textTheme: GoogleFonts.openSansTextTheme(),
primaryTextTheme: GoogleFonts.openSansTextTheme().copyWith(
headline6: TextStyle(
color: Colors.white,
),
),
),
debugShowCheckedModeBanner: false,
home: DefaultTabController(
length: 2,
initialIndex: 1,
child: Scaffold(
appBar: AppBar(
title: Text("Flutter Skeleton Loader Demo"),
bottom: TabBar(
labelColor: Colors.white,
tabs: <Widget>[
Tab(
text: "List",
),
Tab(
text: "Grid",
),
],
),
),
body: TabBarView(
children: <Widget>[
ListExample(stateCapitals: sc),
GridExample(stateCapitals: sc),
],
),
),
),
);
}
}
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
License
MIT
