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.
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
