61 lines
1.9 KiB
Dart
61 lines
1.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:skeletonizer/skeletonizer.dart';
|
|
|
|
/// A widget that provides a skeleton loading effect to its child widget tree.
|
|
/// - [child]: The widget tree to apply the skeleton effect to.
|
|
/// - [enabled]: A boolean to enable or disable the skeleton effect.
|
|
/// - [fixLayoutBuilder]: A boolean to fix the layout builder for AnimatedSwitcher.
|
|
class AppSkeleton extends StatefulWidget {
|
|
const AppSkeleton({
|
|
super.key,
|
|
required this.child,
|
|
this.enabled = true,
|
|
this.fixLayoutBuilder = false,
|
|
});
|
|
|
|
/// The widget tree to apply the skeleton effect to.
|
|
final Widget child;
|
|
|
|
/// A boolean to enable or disable the skeleton effect.
|
|
final bool enabled;
|
|
|
|
/// A boolean to fix the layout builder for AnimatedSwitcher.
|
|
final bool fixLayoutBuilder;
|
|
|
|
@override
|
|
State<AppSkeleton> createState() => _AppSkeletonState();
|
|
}
|
|
|
|
class _AppSkeletonState extends State<AppSkeleton> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Skeletonizer(
|
|
effect: PulseEffect(
|
|
from: Colors.grey[800]!,
|
|
to: Colors.grey[600]!,
|
|
duration: const Duration(milliseconds: 800),
|
|
),
|
|
enabled: widget.enabled,
|
|
enableSwitchAnimation: true,
|
|
switchAnimationConfig: SwitchAnimationConfig(
|
|
duration: const Duration(milliseconds: 200),
|
|
switchInCurve: Curves.linear,
|
|
switchOutCurve: Curves.linear,
|
|
transitionBuilder: AnimatedSwitcher.defaultTransitionBuilder,
|
|
layoutBuilder: !widget.fixLayoutBuilder
|
|
? AnimatedSwitcher.defaultLayoutBuilder
|
|
: (Widget? currentChild, List<Widget> previousChildren) {
|
|
return Stack(
|
|
alignment: Alignment.topCenter,
|
|
children: [
|
|
...previousChildren,
|
|
if (currentChild != null) currentChild,
|
|
],
|
|
);
|
|
},
|
|
),
|
|
child: widget.child,
|
|
);
|
|
}
|
|
}
|