loader_skeleton 0.0.4

A Facebook & Twitter Like Card Loading Shimmer Skeleton Library.

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

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. 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.