loader_skeleton

Description:

loader skeleton

SkeletonLoader #
A Facebook & Twitter Like Card Loading Shimmer Skeleton Library.
💻 Installation #
In the dependencies: section of your pubspec.yaml, add the following line:
loader_skeleton: <latest_version>
copied to clipboard
❔ Usage #
Light Theme #
CardSkeleton #

import 'package:loader_skeleton/loader_skeleton.dart';

//Widget
CardSkeleton(
isCircularImage: true,
isBottomLinesActive: true,
)

copied to clipboard
CardListSkeleton #

import 'package:loader_skeleton/loader_skeleton.dart';

//Widget
CardListSkeleton(
isCircularImage: true,
isBottomLinesActive: true,
length: 10,
)

copied to clipboard
CardProfileSkeleton #

import 'package:loader_skeleton/loader_skeleton.dart';

//Widget
CardProfileSkeleton(
isCircularImage: true,
isBottomLinesActive: true,
)

copied to clipboard
CardPageSkeleton #

import 'package:loader_skeleton/loader_skeleton.dart';

//Widget
CardPageSkeleton(
totalLines: 5,
)

copied to clipboard
Dark Theme #
To use dark theme in your app.
Simply provide brightness to dark in your Material App Widget or use Theme Widget.
Enable Dark Theme
ThemeData(
brightness: Brightness.dark,
),
copied to clipboard
DarkCardSkeleton #

import 'package:loader_skeleton/loader_skeleton.dart';

//Widget
DarkCardSkeleton(
isCircularImage: true,
isBottomLinesActive: true,
)

copied to clipboard
DarkCardListSkeleton #

import 'package:loader_skeleton/loader_skeleton.dart';

//Widget
DarkCardListSkeleton(
isCircularImage: true,
isBottomLinesActive: true,
length: 10,
)

copied to clipboard
DarkCardProfileSkeleton #

import 'package:loader_skeleton/loader_skeleton.dart';

//Widget
DarkCardProfileSkeleton(
isCircularImage: true,
isBottomLinesActive: true,
)

copied to clipboard
DarkCardPageSkeleton #

import 'package:loader_skeleton/loader_skeleton.dart';

//Widget
DarkCardPageSkeleton(
totalLines: 5,
)

copied to clipboard
👍 How to Contribute #

Fork it
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -am 'Add some feature')
Push to the branch (git push origin my-new-feature)
Create new Pull Request

Getting Started #
For help getting started with Flutter, view our online documentation.
For help on editing package code, view the documentation.