136 lines
4.1 KiB
Dart
Raw Normal View History

2024-10-14 20:41:05 +04:00
part of 'home_page.dart';
typedef OnLikeCallback = void Function(String title, bool isLiked);
class _Card extends StatefulWidget {
final String text;
final String descriptionText;
final String? imageUrl;
final OnLikeCallback? onLike;
final VoidCallback? onTap;
const _Card(
this.text, {
required this.descriptionText,
this.imageUrl,
this.onLike,
this.onTap,
});
factory _Card.fromData(
CardData data, {
OnLikeCallback? onLike,
VoidCallback? onTap,
}) =>
_Card(
2024-10-29 01:49:32 +04:00
data.text!,
descriptionText: data.descriptionText!,
2024-10-14 20:41:05 +04:00
imageUrl: data.imageUrl,
onLike: onLike,
onTap: onTap,
);
@override
State<_Card> createState() => _CardState();
}
class _CardState extends State<_Card> {
bool isLiked = false;
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: widget.onTap,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 8.0),
child: Container(
margin: const EdgeInsets.only(top: 16),
//padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Colors.deepPurpleAccent,
borderRadius: BorderRadius.circular(20),
),
child: IntrinsicHeight(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
ClipRRect(
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(20),
topLeft: Radius.circular(20),
),
child: SizedBox(
height: 160,
width: 160,
child: Stack(
children: [
Positioned.fill(
child: Image.network(
widget.imageUrl ?? '',
fit: BoxFit.cover,
errorBuilder: (_, __, ___) => const Placeholder(),
),
),
2024-10-29 01:49:32 +04:00
2024-10-14 20:41:05 +04:00
],
),
),
),
Expanded(
child: Padding(
padding: const EdgeInsets.all(10.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
widget.text,
style: Theme.of(context).textTheme.titleLarge,
),
Text(
widget.descriptionText,
style: Theme.of(context).textTheme.bodyLarge,
)
],
),
),
),
Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: const EdgeInsets.only(
left: 8.0,
right: 15,
bottom: 15,
),
child: GestureDetector(
onTap: () {
setState(() {
isLiked = !isLiked;
});
widget.onLike?.call(widget.text, isLiked);
},
child: AnimatedSwitcher(
duration: const Duration(milliseconds: 300),
child: isLiked
? const Icon(
Icons.favorite,
color: Colors.purpleAccent,
key: ValueKey<int>(0),
)
: const Icon(
Icons.favorite_border,
key: ValueKey<int>(1),
),
),
),
),
)
],
),
),
),
),
);
}
}