97 lines
2.7 KiB
Dart
97 lines
2.7 KiB
Dart
// lib/views/login_screen.dart
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../../core/constants/assets.dart';
|
|
import '../../core/constants/strings.dart';
|
|
import '../../core/utils/size_config.dart';
|
|
import 'widgets/widgets.dart';
|
|
|
|
class LoginScreen extends StatefulWidget {
|
|
const LoginScreen({super.key});
|
|
|
|
@override
|
|
State<LoginScreen> createState() => _LoginScreenState();
|
|
}
|
|
|
|
class _LoginScreenState extends State<LoginScreen> {
|
|
final _usernameController = TextEditingController();
|
|
final _passwordController = TextEditingController();
|
|
|
|
final _usernameFocus = FocusNode();
|
|
final _passwordFocus = FocusNode();
|
|
|
|
bool _obscurePassword = true;
|
|
|
|
bool get _isLoginEnabled =>
|
|
_usernameController.text.isNotEmpty &&
|
|
_passwordController.text.isNotEmpty;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_usernameController.addListener(_updateState);
|
|
_passwordController.addListener(_updateState);
|
|
_usernameFocus.addListener(_updateState);
|
|
_passwordFocus.addListener(_updateState);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_usernameController.dispose();
|
|
_passwordController.dispose();
|
|
_usernameFocus.dispose();
|
|
_passwordFocus.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _updateState() => setState(() {});
|
|
|
|
void _togglePasswordVisibility() =>
|
|
setState(() => _obscurePassword = !_obscurePassword);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Colors.white,
|
|
body: Center(
|
|
child: SingleChildScrollView(
|
|
padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
const LoginLogo(),
|
|
SizedBox(height: 32.0.h()),
|
|
const LoginTitle(),
|
|
SizedBox(height: 32.0.h()),
|
|
LoginTextField(
|
|
controller: _usernameController,
|
|
focusNode: _usernameFocus,
|
|
label: AppStrings.usernameLabel,
|
|
iconPath: AssetsManager.userIcon,
|
|
),
|
|
|
|
SizedBox(height: 16.0.h()),
|
|
|
|
LoginTextField(
|
|
controller: _passwordController,
|
|
focusNode: _passwordFocus,
|
|
label: AppStrings.passwordLabel,
|
|
iconPath: AssetsManager.passwordIcon,
|
|
isPassword: true,
|
|
obscureText: _obscurePassword,
|
|
onToggleVisibility: _togglePasswordVisibility,
|
|
),
|
|
|
|
SizedBox(height: 32.0.h()),
|
|
BaseButton(
|
|
isEnabled: _isLoginEnabled,
|
|
onPressed: _isLoginEnabled ? () {} : null,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|