Compare commits
No commits in common. "strutural_pattern/decorator" and "main" have entirely different histories.
strutural_
...
main
|
@ -20,83 +20,6 @@ class MyApp extends StatelessWidget {
|
|||
}
|
||||
}
|
||||
|
||||
class LikeButtonDecorator extends StatelessWidget {
|
||||
const LikeButtonDecorator({super.key, required this.child, required this.height, required this.width});
|
||||
|
||||
final Widget child;
|
||||
final double height, width;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SizedBox(
|
||||
height: height,
|
||||
width: width,
|
||||
child: Stack(
|
||||
children: [
|
||||
Center(child: child),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(2.0),
|
||||
child: Align(
|
||||
alignment: Alignment.topRight,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(3.0),
|
||||
decoration: const BoxDecoration(shape: BoxShape.circle, color: Colors.blue),
|
||||
child: const Icon(Icons.thumb_up, color: Colors.white, size: 16),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class AnimatedPulsingBorderDecorator extends StatefulWidget {
|
||||
const AnimatedPulsingBorderDecorator({super.key, required this.child});
|
||||
|
||||
final Widget child;
|
||||
|
||||
@override
|
||||
State<StatefulWidget> createState() => AnimatedPulsingBorderDecoratorState();
|
||||
}
|
||||
|
||||
class AnimatedPulsingBorderDecoratorState extends State<AnimatedPulsingBorderDecorator>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late final AnimationController controller;
|
||||
late final Animation<double> paddingAnimation;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
controller = AnimationController(
|
||||
duration: const Duration(milliseconds: 750),
|
||||
vsync: this,
|
||||
);
|
||||
paddingAnimation = Tween<double>(begin: 0.0, end: 3.0).animate(controller);
|
||||
controller.repeat(reverse: true);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
super.dispose();
|
||||
controller.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AnimatedBuilder(
|
||||
builder: (context, _) {
|
||||
return Container(
|
||||
padding: EdgeInsets.all(paddingAnimation.value),
|
||||
decoration: BoxDecoration(color: Colors.amber, borderRadius: BorderRadius.circular(15.0)),
|
||||
child: widget.child,
|
||||
);
|
||||
},
|
||||
animation: paddingAnimation,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class MyHomePage extends StatefulWidget {
|
||||
const MyHomePage({super.key});
|
||||
|
||||
|
@ -110,29 +33,19 @@ class _MyHomePageState extends State<MyHomePage> {
|
|||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
|
||||
title: const Text('Decorator'),
|
||||
title: const Text('Abstract Factory'),
|
||||
),
|
||||
body: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
const Text(
|
||||
'Decorators!!',
|
||||
'You have pushed the button this many times:',
|
||||
),
|
||||
Text(
|
||||
'some text',
|
||||
style: Theme.of(context).textTheme.headlineMedium,
|
||||
),
|
||||
LikeButtonDecorator(
|
||||
height: 30,
|
||||
width: 160,
|
||||
child: ElevatedButton(
|
||||
onPressed: () {},
|
||||
child: const SizedBox(
|
||||
height: 30,
|
||||
width: 160,
|
||||
child: Center(child: Text('Like Me!')),
|
||||
),
|
||||
)),
|
||||
const SizedBox(height: 20),
|
||||
AnimatedPulsingBorderDecorator(
|
||||
child: ElevatedButton(onPressed: () {}, child: const Text('Pulsing goodness!!')))
|
||||
],
|
||||
),
|
||||
),
|
||||
|
|
Loading…
Reference in New Issue
Block a user