Your changes
This commit is contained in:
@@ -2,7 +2,6 @@ import 'dart:async';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import '../providers/auth_provider.dart';
|
||||
import 'dashboard_screen.dart';
|
||||
import 'main_bottom_nav.dart';
|
||||
import 'welcome_screen.dart';
|
||||
|
||||
@@ -13,61 +12,166 @@ class SplashScreen extends StatefulWidget {
|
||||
State<SplashScreen> createState() => _SplashScreenState();
|
||||
}
|
||||
|
||||
class _SplashScreenState extends State<SplashScreen> {
|
||||
class _SplashScreenState extends State<SplashScreen>
|
||||
with TickerProviderStateMixin {
|
||||
late AnimationController _mainController;
|
||||
late Animation<double> _scaleAnim;
|
||||
late Animation<double> _fadeAnim;
|
||||
|
||||
late AnimationController _floatController;
|
||||
late Animation<double> _floatAnim;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
// MAIN splash animation
|
||||
_mainController = AnimationController(
|
||||
vsync: this,
|
||||
duration: const Duration(milliseconds: 1200),
|
||||
);
|
||||
|
||||
_scaleAnim = Tween(begin: 0.6, end: 1.0).animate(
|
||||
CurvedAnimation(parent: _mainController, curve: Curves.easeOutBack),
|
||||
);
|
||||
|
||||
_fadeAnim = Tween(begin: 0.0, end: 1.0).animate(
|
||||
CurvedAnimation(parent: _mainController, curve: Curves.easeIn),
|
||||
);
|
||||
|
||||
// FLOATING animation (infinite)
|
||||
_floatController = AnimationController(
|
||||
vsync: this,
|
||||
duration: const Duration(seconds: 2),
|
||||
)..repeat(reverse: true);
|
||||
|
||||
_floatAnim = Tween<double>(begin: -10, end: 10).animate(
|
||||
CurvedAnimation(parent: _floatController, curve: Curves.easeInOut),
|
||||
);
|
||||
|
||||
_mainController.forward();
|
||||
_init();
|
||||
}
|
||||
|
||||
void _init() async {
|
||||
await Future.delayed(const Duration(milliseconds: 500));
|
||||
Future<void> _init() async {
|
||||
await Future.delayed(const Duration(milliseconds: 700));
|
||||
|
||||
final auth = Provider.of<AuthProvider>(context, listen: false);
|
||||
|
||||
// 🟢 IMPORTANT → WAIT FOR PREFERENCES TO LOAD
|
||||
await auth.init();
|
||||
|
||||
if (!mounted) return;
|
||||
|
||||
if (auth.isLoggedIn) {
|
||||
Navigator.of(context).pushReplacement(
|
||||
MaterialPageRoute(builder: (_) => const MainBottomNav()),
|
||||
Future.delayed(const Duration(milliseconds: 900), () {
|
||||
Navigator.pushReplacement(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (_) =>
|
||||
auth.isLoggedIn ? const MainBottomNav() : const WelcomeScreen(),
|
||||
),
|
||||
);
|
||||
} else {
|
||||
Navigator.of(context).pushReplacement(
|
||||
MaterialPageRoute(builder: (_) => const WelcomeScreen()),
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_mainController.dispose();
|
||||
_floatController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final size = MediaQuery.of(context).size;
|
||||
final width = MediaQuery.of(context).size.width;
|
||||
|
||||
// Responsive scale factor
|
||||
final scale = (width / 430).clamp(0.9, 1.3);
|
||||
|
||||
return Scaffold(
|
||||
body: Center(
|
||||
child: Column(mainAxisSize: MainAxisSize.min, children: [
|
||||
Container(
|
||||
width: size.width * 0.34,
|
||||
height: size.width * 0.34,
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
color: Theme.of(context).primaryColor.withOpacity(0.14),
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
"K",
|
||||
style: TextStyle(
|
||||
fontSize: 48,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Theme.of(context).primaryColor),
|
||||
),
|
||||
),
|
||||
body: Container(
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
colors: [
|
||||
Colors.blue.shade50,
|
||||
Colors.white,
|
||||
],
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
),
|
||||
const SizedBox(height: 18),
|
||||
const Text("Kent Logistics",
|
||||
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w600)),
|
||||
]),
|
||||
),
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Center(
|
||||
child: AnimatedBuilder(
|
||||
animation: _mainController,
|
||||
builder: (_, __) {
|
||||
return Opacity(
|
||||
opacity: _fadeAnim.value,
|
||||
child: Transform.translate(
|
||||
offset: Offset(0, _floatAnim.value), // ⭐ Floating animation
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
// ⭐ Animated Floating White Circle Logo
|
||||
Transform.scale(
|
||||
scale: _scaleAnim.value,
|
||||
child: AnimatedBuilder(
|
||||
animation: _floatController,
|
||||
builder: (_, __) {
|
||||
return Container(
|
||||
width: width * 0.50 * scale,
|
||||
height: width * 0.50 * scale,
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
color: Colors.white,
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black
|
||||
.withOpacity(0.08 + (_floatAnim.value.abs() / 200)),
|
||||
blurRadius: 25 * scale,
|
||||
spreadRadius: 4 * scale,
|
||||
offset: Offset(0, 8 * scale),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(28 * scale),
|
||||
child: Image.asset(
|
||||
"assets/Images/K.png",
|
||||
fit: BoxFit.contain,
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
|
||||
SizedBox(height: 22 * scale),
|
||||
|
||||
Text(
|
||||
"Kent Logistics",
|
||||
style: TextStyle(
|
||||
fontSize: 22 * scale,
|
||||
fontWeight: FontWeight.w700,
|
||||
letterSpacing: 1.1,
|
||||
),
|
||||
),
|
||||
|
||||
SizedBox(height: 6 * scale),
|
||||
|
||||
Text(
|
||||
"Delivering Excellence",
|
||||
style: TextStyle(
|
||||
fontSize: 14 * scale,
|
||||
color: Colors.black54,
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user