Adding base project of flutter-hybrid
This commit is contained in:
@@ -0,0 +1,102 @@
|
||||
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,
|
||||
),
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user