CardLoading(
height: 100,
borderRadius: BorderRadius.all(Radius.circular(10)),
margin: EdgeInsets.only(bottom: 10),
),
Run this command:
With Flutter:
$ flutter pub add card_loading
This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get
):
dependencies:
card_loading: ^0.3.0
Alternatively, your editor might support flutter pub get
. Check the docs for your editor to learn more.
Now in your Dart code, you can use:
import 'package:card_loading/card_loading.dart';
import 'package:card_loading/card_loading.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
home: ExampleCardLoading(),
);
}
}
class ExampleCardLoading extends StatelessWidget {
const ExampleCardLoading({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("My Space"),
),
body: CustomScrollView(
slivers: [
SliverPadding(
padding: const EdgeInsets.all(20),
sliver: SliverList(
delegate: SliverChildBuilderDelegate(
(context, index) {
return Padding(
padding: const EdgeInsets.only(bottom: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: const [
CardLoading(
height: 30,
borderRadius: BorderRadius.all(Radius.circular(15)),
width: 100,
margin: EdgeInsets.only(bottom: 10),
),
CardLoading(
height: 100,
borderRadius: BorderRadius.all(Radius.circular(15)),
margin: EdgeInsets.only(bottom: 10),
),
CardLoading(
height: 30,
width: 200,
borderRadius: BorderRadius.all(Radius.circular(15)),
margin: EdgeInsets.only(bottom: 10),
),
],
),
);
},
childCount: 10,
),
),
),
],
),
);
}
}
Download details:
Author: farhanfadila1717
Source: https://github.com/farhanfadila1717/card_loading