Amirmahdi/front-hokm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: change

Browse Source
This commit is contained in:
Amirmahdi
2026-06-17 00:19:44 +03:30
parent 876246773b
commit 32c0e543d9
8 changed files with 925 additions and 574 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/lobby/lobby_screen.dart
+96 -158
View File
@@ -3,11 +3,12 @@ import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:go_router/go_router.dart';
import '../../core/theme/app_theme.dart';
import '../../core/widgets/game_ui.dart';
import '../auth/auth_cubit.dart';
import 'wallet.dart';
import 'wallet_cubit.dart';
/// لابی اصلی: کیف‌پول، دکمه بازی، سکه روزانه.
/// لابی اصلی: کیف‌پول، دکمه بازی، فروشگاه، سکه روزانه (ظاهرِ بازی‌گونه).
class LobbyScreen extends StatefulWidget {
const LobbyScreen({super.key});
@@ -25,54 +26,51 @@ class _LobbyScreenState extends State<LobbyScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
body: GameBackground(
child: BlocBuilder<WalletCubit, WalletState>(
builder: (context, state) {
return Column(
children: [
_TopBar(wallet: state.wallet),
_TopBar(wallet: state.wallet, onCoinTap: () => _openShop(context)),
Expanded(
child: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text('سلطان حکم',
style: TextStyle(
fontSize: 40,
fontWeight: FontWeight.bold,
color: AppColors.gold)),
const SizedBox(height: 48),
_MenuButton(
label: 'بازی',
icon: Icons.style,
color: const Color(0xFF8E1B5B),
onTap: () async {
await context.push('/game/tiers');
if (context.mounted) {
context.read<WalletCubit>().load();
}
},
),
const SizedBox(height: 16),
_MenuButton(
label: 'فروشگاه',
icon: Icons.storefront,
color: const Color(0xFF4A148C),
onTap: () async {
await context.push('/shop');
if (context.mounted) {
context.read<WalletCubit>().load();
}
},
),
const SizedBox(height: 16),
_MenuButton(
label: 'سکه روزانه',
icon: Icons.monetization_on,
color: AppColors.green,
onTap: () => _claimDaily(context),
),
],
child: SingleChildScrollView(
padding: const EdgeInsets.symmetric(horizontal: 28),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const GlowText('سلطان حکم', size: 44),
const SizedBox(height: 44),
GameButton(
label: 'بازی',
icon: Icons.style,
width: double.infinity,
colors: const [Color(0xFFC2185B), Color(0xFF6A0D38)],
onTap: () async {
await context.push('/game/tiers');
if (context.mounted) {
context.read<WalletCubit>().load();
}
},
),
const SizedBox(height: 16),
GameButton(
label: 'فروشگاه',
icon: Icons.storefront,
width: double.infinity,
colors: const [Color(0xFF7B1FA2), Color(0xFF3E0A57)],
onTap: () => _openShop(context),
),
const SizedBox(height: 16),
GameButton(
label: 'سکه روزانه',
icon: Icons.monetization_on,
width: double.infinity,
colors: const [Color(0xFF3FA34D), Color(0xFF1B5E20)],
onTap: () => _claimDaily(context),
),
],
),
),
),
),
@@ -94,6 +92,11 @@ class _LobbyScreenState extends State<LobbyScreen> {
);
}
Future<void> _openShop(BuildContext context) async {
await context.push('/shop');
if (context.mounted) context.read<WalletCubit>().load();
}
Future<void> _claimDaily(BuildContext context) async {
final amount = await context.read<WalletCubit>().claimDaily();
if (!context.mounted) return;
@@ -109,7 +112,8 @@ class _LobbyScreenState extends State<LobbyScreen> {
class _TopBar extends StatelessWidget {
final Wallet? wallet;
const _TopBar({this.wallet});
final VoidCallback onCoinTap;
const _TopBar({this.wallet, required this.onCoinTap});
@override
Widget build(BuildContext context) {
@@ -118,136 +122,70 @@ class _TopBar extends StatelessWidget {
margin: const EdgeInsets.all(8),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
decoration: BoxDecoration(
color: AppColors.bgDark,
borderRadius: BorderRadius.circular(14),
gradient: const LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [Color(0xFF3A0A12), Color(0xFF1A0106)],
),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: AppColors.goldDark),
boxShadow: const [BoxShadow(color: Colors.black54, blurRadius: 8)],
),
child: Row(
children: [
const CircleAvatar(
backgroundColor: AppColors.panel,
child: Icon(Icons.person, color: AppColors.gold),
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(color: AppColors.gold, width: 2),
),
child: const CircleAvatar(
radius: 22,
backgroundColor: AppColors.panel,
child: Icon(Icons.person, color: AppColors.gold),
),
),
const SizedBox(width: 10),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text('سطح ${w?.level ?? '-'}',
style: const TextStyle(color: AppColors.gold)),
if (w != null)
SizedBox(
width: 90,
Row(children: [
const Icon(Icons.star, color: AppColors.gold, size: 16),
const SizedBox(width: 4),
Text('سطح ${w?.level ?? '-'}',
style: const TextStyle(
color: AppColors.gold, fontWeight: FontWeight.bold)),
]),
const SizedBox(height: 4),
ClipRRect(
borderRadius: BorderRadius.circular(4),
child: SizedBox(
width: 96,
height: 7,
child: LinearProgressIndicator(
value: w.xpForNext == 0 ? 0 : w.xpIntoLevel / w.xpForNext,
backgroundColor: Colors.white12,
color: AppColors.gold,
minHeight: 5,
value: (w == null || w.xpForNext == 0)
? 0
: w.xpIntoLevel / w.xpForNext,
backgroundColor: Colors.white10,
valueColor: const AlwaysStoppedAnimation(AppColors.gold),
),
),
),
],
),
const Spacer(),
_Chip(icon: Icons.confirmation_number, value: w?.tickets ?? 0),
const SizedBox(width: 8),
_Chip(icon: Icons.monetization_on, value: w?.coins ?? 0),
],
),
);
}
}
class _Chip extends StatelessWidget {
final IconData icon;
final int value;
const _Chip({required this.icon, required this.value});
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
decoration: BoxDecoration(
color: AppColors.panel,
borderRadius: BorderRadius.circular(20),
border: Border.all(color: AppColors.goldDark),
),
child: Row(
children: [
Icon(icon, color: AppColors.gold, size: 18),
const SizedBox(width: 6),
Text('$value', style: const TextStyle(color: AppColors.text)),
],
),
);
}
}
class _MenuButton extends StatelessWidget {
final String label;
final IconData icon;
final Color color;
final VoidCallback onTap;
const _MenuButton({
required this.label,
required this.icon,
required this.color,
required this.onTap,
});
@override
Widget build(BuildContext context) {
// رنگِ تیره‌ترِ پایه برای بِوِل (لبه‌ی پایینیِ برجسته).
final dark = Color.lerp(color, Colors.black, 0.45)!;
final light = Color.lerp(color, Colors.white, 0.12)!;
return SizedBox(
width: 280,
child: Material(
color: Colors.transparent,
borderRadius: BorderRadius.circular(16),
child: InkWell(
borderRadius: BorderRadius.circular(16),
onTap: onTap,
child: Container(
padding: const EdgeInsets.symmetric(vertical: 15),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [light, color, dark],
stops: const [0, 0.5, 1],
),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: AppColors.gold, width: 1.6),
boxShadow: [
BoxShadow(
color: Colors.black.withValues(alpha: 0.55),
blurRadius: 10,
offset: const Offset(0, 5),
),
// هایلایتِ بالا برای حسِ شیشه‌ای/برجسته.
BoxShadow(
color: Colors.white.withValues(alpha: 0.12),
blurRadius: 1,
offset: const Offset(0, 1),
spreadRadius: -1,
),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(icon, color: AppColors.gold),
const SizedBox(width: 10),
Text(label,
style: const TextStyle(
color: AppColors.text,
fontSize: 18,
fontWeight: FontWeight.bold,
shadows: [Shadow(color: Colors.black54, blurRadius: 3)],
)),
],
),
GestureDetector(
onTap: onCoinTap,
child: StatChip(
icon: Icons.confirmation_number, value: '${w?.tickets ?? 0}'),
),
),
const SizedBox(width: 8),
GestureDetector(
onTap: onCoinTap,
child: StatChip(
icon: Icons.monetization_on, value: '${w?.coins ?? 0}'),
),
],
),
);
}