SelfPrivacy/selfprivacy.org.app
1
0
Fork 0
mirror of https://git.selfprivacy.org/kherel/selfprivacy.org.app.git synced 2025-02-02 14:16:58 +00:00
Code Issues Projects Releases Wiki Activity

Animate BrandLinearIndicator

Browse source
This commit is contained in:
Inex Code 2022-09-16 15:00:15 +03:00
parent 641e329725
commit 6f6df30767
1 changed files with 23 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
lib/ui/components/brand_linear_indicator/brand_linear_indicator.dart
View file

@ -15,21 +15,29 @@ class BrandLinearIndicator extends StatelessWidget {
final double height;
@override
Widget build(final BuildContext context) => Container(
height: height,
width: double.infinity,
clipBehavior: Clip.antiAlias,
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(height),
),
alignment: Alignment.centerLeft,
child: FractionallySizedBox(
widthFactor: value,
child: Container(
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(height),
Widget build(final BuildContext context) => LayoutBuilder(
builder: (final context, final constraints) => Container(
height: height,
width: constraints.maxWidth,
clipBehavior: Clip.antiAlias,
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(height),
),
alignment: Alignment.centerLeft,
child: AnimatedSlide(
duration: const Duration(milliseconds: 400),
curve: Curves.easeInOut,
offset: Offset(
-(1 - value),
0,
),
child: Container(
width: constraints.maxWidth,
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(height),
),
),
),
),