Michael/xtremobile
1
0 Fork 0
mirror of https://github.com/R0m1k3/xtremobile.git synced 2026-10-22 14:48:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add MobileMoviesTab for paginated movie display, search, and playback, introducing TvFocusable for enhanced navigation.

Browse Source
This commit is contained in:
Michael committed 2025-12-11 23:16:18 +01:00
1 parent 57ced00738
commit 426e763742
5 files changed
+161 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

lib/mobile/widgets/mobile_poster_card.dart
+123
View File
@@ -0,0 +1,123 @@
import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:xtremflow/core/theme/app_colors.dart';
import 'package:xtremflow/mobile/widgets/tv_focusable.dart';
class MobilePosterCard extends StatelessWidget {
final String title;
final String? imageUrl;
final String? rating;
final VoidCallback onTap;
final VoidCallback? onLongPress;
final bool isWatched;
final IconData placeholderIcon;
const MobilePosterCard({
super.key,
required this.title,
required this.imageUrl,
this.rating,
required this.onTap,
this.onLongPress,
this.isWatched = false,
this.placeholderIcon = Icons.movie,
});
@override
Widget build(BuildContext context) {
return Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
// Focusable Poster
Expanded(
child: TVFocusable(
onPressed: onTap,
onLongPress: onLongPress,
borderRadius: BorderRadius.circular(12),
child: Stack(
fit: StackFit.expand,
children: [
// Image
ClipRRect(
borderRadius: BorderRadius.circular(12),
child: imageUrl != null && imageUrl!.isNotEmpty
? CachedNetworkImage(
imageUrl: imageUrl!,
fit: BoxFit.cover,
errorWidget: (_, __, ___) => Container(
color: AppColors.surface,
child: Icon(placeholderIcon, color: Colors.white38),
),
placeholder: (_, __) => Container(
color: AppColors.surface,
child: Icon(placeholderIcon, color: Colors.white24),
),
)
: Container(
color: AppColors.surface,
child: Icon(placeholderIcon, color: Colors.white38),
),
),
// Overlays
if (rating != null)
Positioned(
top: 6,
left: 6,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2),
decoration: BoxDecoration(
color: Colors.black87,
borderRadius: BorderRadius.circular(4),
),
child: Row(
children: [
const Icon(Icons.star, color: Colors.amber, size: 10),
const SizedBox(width: 2),
Text(
rating!,
style: const TextStyle(color: Colors.white, fontSize: 10, fontWeight: FontWeight.bold),
),
],
),
),
),
if (isWatched)
Positioned(
top: 6,
right: 6,
child: Container(
padding: const EdgeInsets.all(4),
decoration: const BoxDecoration(
color: AppColors.success,
shape: BoxShape.circle,
),
child: const Icon(Icons.check, size: 10, color: Colors.white),
),
),
],
),
),
),
const SizedBox(height: 8),
// Title
Padding(
padding: const EdgeInsets.symmetric(horizontal: 4),
child: Text(
title,
textAlign: TextAlign.center,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
color: AppColors.textPrimary,
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
),
],
);
}
}
lib/mobile/widgets/tv_focusable.dart
+18 -1
View File
@@ -147,10 +147,27 @@ class _TVFocusableState extends State<TVFocusable> {
begin: 1.0,
end: _isFocused ? widget.scale : 1.0,
),
builder: (context, scale, child) {
builder: (context, double scale, child) {
return Transform.scale(
scale: scale,
child: Container(
decoration: _isFocused
? BoxDecoration(
borderRadius: widget.borderRadius ?? BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.5), // Shadow for depth
blurRadius: 10,
offset: const Offset(0, 4),
),
BoxShadow(
color: widget.focusColor.withOpacity(0.3), // Glow effect
blurRadius: 12,
spreadRadius: 2,
),
],
)
: null,
foregroundDecoration: _isFocused
? BoxDecoration(
borderRadius: widget.borderRadius ?? BorderRadius.circular(12),