create project
This commit is contained in:
128
frontend/lib/app.dart
Normal file
128
frontend/lib/app.dart
Normal file
@@ -0,0 +1,128 @@
|
||||
import 'dart:ui';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'providers/auth_provider.dart';
|
||||
import 'screens/home/home_screen.dart';
|
||||
import 'screens/auth/login_screen.dart';
|
||||
import 'screens/auth/register_screen.dart';
|
||||
import 'screens/profile/profile_screen.dart';
|
||||
import 'screens/statistics/statistics_screen.dart';
|
||||
import 'screens/add_bill/add_bill_screen.dart';
|
||||
import 'screens/auth/user_profile_screen.dart';
|
||||
import 'screens/auth/bind_email_screen.dart';
|
||||
import 'screens/family/family_management_screen.dart';
|
||||
|
||||
class AppShell extends ConsumerStatefulWidget {
|
||||
const AppShell({super.key});
|
||||
@override
|
||||
ConsumerState<AppShell> createState() => _AppShellState();
|
||||
}
|
||||
|
||||
class _AppShellState extends ConsumerState<AppShell> {
|
||||
int _currentTab = 0;
|
||||
bool _showAddBill = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
ref.read(authProvider.notifier).restoreSession();
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final authState = ref.watch(authProvider);
|
||||
|
||||
Widget body;
|
||||
if (_showAddBill) {
|
||||
return const AddBillScreen();
|
||||
}
|
||||
|
||||
switch (_currentTab) {
|
||||
case 0:
|
||||
body = const HomeScreen();
|
||||
break;
|
||||
case 1:
|
||||
body = const StatisticsScreen();
|
||||
break;
|
||||
case 2:
|
||||
body = const ProfileScreen();
|
||||
break;
|
||||
default:
|
||||
body = const HomeScreen();
|
||||
}
|
||||
|
||||
return Scaffold(
|
||||
body: body,
|
||||
bottomNavigationBar: Container(
|
||||
padding: const EdgeInsets.only(bottom: 16),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.cardBg,
|
||||
borderRadius: BorderRadius.circular(30),
|
||||
border: Border.all(color: Colors.white.withOpacity(0.8)),
|
||||
boxShadow: [BoxShadow(color: AppColors.brand.withOpacity(0.08), blurRadius: 32, offset: const Offset(0, 8))],
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(30),
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 30, sigmaY: 30),
|
||||
child: BottomNavigationBar(
|
||||
currentIndex: _currentTab,
|
||||
onTap: (i) => setState(() => _currentTab = i),
|
||||
backgroundColor: Colors.transparent,
|
||||
elevation: 0,
|
||||
selectedItemColor: AppColors.brand,
|
||||
unselectedItemColor: AppColors.textSecondary,
|
||||
items: const [
|
||||
BottomNavigationBarItem(icon: Icon(Icons.home_outlined, size: 22), activeIcon: Icon(Icons.home, size: 22), label: '首页'),
|
||||
BottomNavigationBarItem(icon: Icon(Icons.bar_chart_outlined, size: 22), activeIcon: Icon(Icons.bar_chart, size: 22), label: '统计'),
|
||||
BottomNavigationBarItem(icon: Icon(Icons.person_outline, size: 22), activeIcon: Icon(Icons.person, size: 22), label: '我的'),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
if (!authState.isLoggedIn && mounted) {
|
||||
_navigateToLogin();
|
||||
return;
|
||||
}
|
||||
setState(() => _showAddBill = true);
|
||||
},
|
||||
child: Container(
|
||||
width: 48,
|
||||
height: 48,
|
||||
decoration: BoxDecoration(
|
||||
gradient: const LinearGradient(colors: [Color(0xFFFF6B35), Color(0xFFFF9F5B)]),
|
||||
shape: BoxShape.circle,
|
||||
boxShadow: [BoxShadow(color: AppColors.brand.withOpacity(0.3), blurRadius: 12, offset: const Offset(0, 4))],
|
||||
),
|
||||
child: const Icon(Icons.add, color: Colors.white, size: 24),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _navigateToLogin() {
|
||||
Navigator.of(context).push(MaterialPageRoute(builder: (_) => const LoginScreen()));
|
||||
}
|
||||
}
|
||||
|
||||
// Colors used in this file
|
||||
class AppColors {
|
||||
static const brand = Color(0xFFFF6B35);
|
||||
static const brandLight = Color(0xFFFF9F5B);
|
||||
static const cardBg = Color(0xA6FFFFFF);
|
||||
static const textPrimary = Color(0xFF1C1C1E);
|
||||
static const textSecondary = Color(0xFF8E8E93);
|
||||
}
|
||||
Reference in New Issue
Block a user