103 lines
3.1 KiB
Dart
103 lines
3.1 KiB
Dart
|
import 'package:fade_shimmer/fade_shimmer.dart';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
|
||
|
|
Widget _creditsloadingTile(BuildContext context) {
|
||
|
|
List<Widget> socialLinks = List.generate(
|
||
|
|
6,
|
||
|
|
(index) => Container(
|
||
|
|
child: const FadeShimmer(
|
||
|
|
radius: 16.18,
|
||
|
|
height: 48,
|
||
|
|
width: 48,
|
||
|
|
fadeTheme: FadeTheme.light,
|
||
|
|
),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
return Container(
|
||
|
|
width: MediaQuery.of(context).size.width - 10,
|
||
|
|
padding: const EdgeInsets.all(16),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: Colors.blueGrey.shade100.withOpacity(0.1618),
|
||
|
|
borderRadius: const BorderRadius.all(Radius.circular(16.18))),
|
||
|
|
margin: const EdgeInsets.symmetric(vertical: 3, horizontal: 6.18),
|
||
|
|
child: Wrap(
|
||
|
|
direction: Axis.vertical,
|
||
|
|
children: [
|
||
|
|
Container(
|
||
|
|
width: MediaQuery.of(context).size.width - 48,
|
||
|
|
padding: const EdgeInsets.all(6.18),
|
||
|
|
child: Wrap(
|
||
|
|
alignment: WrapAlignment.spaceBetween,
|
||
|
|
children: [
|
||
|
|
Wrap(direction: Axis.vertical, children: [
|
||
|
|
Container(
|
||
|
|
child: const FadeShimmer(
|
||
|
|
radius: 16.18,
|
||
|
|
height: 27,
|
||
|
|
width: 96,
|
||
|
|
fadeTheme: FadeTheme.light,
|
||
|
|
),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
),
|
||
|
|
Container(
|
||
|
|
child: const FadeShimmer(
|
||
|
|
radius: 16.18,
|
||
|
|
height: 20,
|
||
|
|
width: 72,
|
||
|
|
fadeTheme: FadeTheme.light,
|
||
|
|
),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
),
|
||
|
|
]),
|
||
|
|
Container(
|
||
|
|
child: const FadeShimmer(
|
||
|
|
radius: 16.18,
|
||
|
|
height: 64,
|
||
|
|
width: 64,
|
||
|
|
fadeTheme: FadeTheme.light,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
Container(
|
||
|
|
child: const FadeShimmer(
|
||
|
|
radius: 16.18,
|
||
|
|
height: 16,
|
||
|
|
width: 96,
|
||
|
|
fadeTheme: FadeTheme.light,
|
||
|
|
),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
),
|
||
|
|
Container(
|
||
|
|
height: 72,
|
||
|
|
width: MediaQuery.of(context).size.width - 48,
|
||
|
|
padding: const EdgeInsets.all(0),
|
||
|
|
color: Colors.transparent,
|
||
|
|
child: ListView.separated(
|
||
|
|
scrollDirection: Axis.horizontal,
|
||
|
|
itemBuilder: (_, index) => socialLinks[index],
|
||
|
|
separatorBuilder: (_, b) => const SizedBox(
|
||
|
|
width: 16.18,
|
||
|
|
),
|
||
|
|
itemCount: socialLinks.length),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget creditsLoadingList(int items, BuildContext context) {
|
||
|
|
return Padding(
|
||
|
|
padding: const EdgeInsets.symmetric(horizontal: 5),
|
||
|
|
child: ListView.builder(
|
||
|
|
padding: const EdgeInsets.all(0),
|
||
|
|
itemBuilder: (_, index) => Padding(
|
||
|
|
padding: const EdgeInsets.all(5),
|
||
|
|
child: _creditsloadingTile(context)),
|
||
|
|
itemCount: items,
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|