Description:
flutter skeleton
Flutter Skeleton #
[pub packages]
| 中文说明
Flutter skeleton screen.
Usage #
1. Depend
Add this to you package's pubspec.yaml file:
dependencies:
flutter_skeleton: ^0.1.0+1
copied to clipboard
2. Install
Run command:
$ flutter packages get
copied to clipboard
3. Import
Import in Dart code:
import 'package:flutter_skeleton/flutter_skeleton.dart';
copied to clipboard
4. Display Widget
// list skeleton
ListSkeleton(
style: SkeletonStyle(
theme: SkeletonTheme.Light,
isShowAvatar: false,
barCount: 3,
colors: [Color(0xff333333), Color(0xffffff45), Color(0xff333333)],
isAnimation: true,
),
);
// card skeleton
CardSkeleton(
style: SkeletonStyle(
theme: SkeletonTheme.Light,
isShowAvatar: true,
isCircleAvatar: false,
borderRadius: BorderRadius.all(Radius.circular(16.0)),
padding: EdgeInsets.all(32.0),
barCount: 2,
colors: [Color(0xffffffff)],
backgroundColor: Color(0xFF009000),
isAnimation: false,
),
);
// card list skeleton
CardListSkeleton(
style: SkeletonStyle(
theme: SkeletonTheme.Dark,
isShowAvatar: true,
isCircleAvatar: true,
barCount: 2,
),
);
copied to clipboard
SkeletonStyle Properties #
Name
Type
Meaning
Default
isAnimation
bool
if show animation or not
true
isShowAvatar
bool
if show avatar or not
true
isCircleAvatar
bool
if the avatar is circle or not
true
barCount
int
the count of bar
2
borderRadius
BorderRadius
the radius of container
0
padding
EdgeInsets
the padding of container
16
colors
List
gradient color of bar
null, specified by theme
backgroundColor
Color
background color of container
null, specified by theme
theme
SkeletonTheme
pre-install theme
SkeletonTheme.Light
Example #
Example sources
Example APK
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
