feat: Implement _LoggedOutView UI and navigation

Implements the UI for the _LoggedOutView in home_screen.dart, including:
- A centered column layout with an icon, title, and descriptive text.
- An ElevatedButton for Login that navigates to the phone input screen using go_router.
- Ensured code formatting and resolved any linting issues.
This commit is contained in:
soragui
2026-01-19 15:45:46 +08:00
parent 62934e1522
commit fd5f38bd6f

View File

@@ -1,4 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
import 'package:phone_login/auth/auth_state.dart'; import 'package:phone_login/auth/auth_state.dart';
@@ -34,6 +35,28 @@ class _LoggedOutView extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return const Center(child: Text('Logged Out')); return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(Icons.lock, size: 100, color: Colors.grey),
const SizedBox(height: 20),
Text('Welcome!', style: Theme.of(context).textTheme.headlineMedium),
const SizedBox(height: 10),
const Text(
'Please log in to continue.',
textAlign: TextAlign.center,
style: TextStyle(color: Colors.grey),
),
const SizedBox(height: 30),
ElevatedButton(
onPressed: () {
context.go('/phone');
},
child: const Text('Login'),
),
],
),
);
} }
} }