Skip to content

L
library-app-flutter
Commit 54d96eda authored by Ilham Maulana's avatar Ilham Maulana 💻
Browse files
Options

fix: routing and redirecting using go router

parent b64ad857
Hide whitespace changes
Inline Side-by-side
Showing with 98 additions and 41 deletions
lib/main.dart
View file @ 54d96eda
import 'package:flutter/material.dart';
import 'package:flutter/gestures.dart';
import 'package:go_router/go_router.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:provider/provider.dart';
......@@ -26,13 +27,41 @@ class _LibraryApp extends State<LibraryApp> {
Widget build(BuildContext context) {
const title = 'Library App';
final router = GoRouter(
routes: [
GoRoute(
path: '/',
builder: (context, state) =>
Provider.of<AuthProvider>(context).isAuthenticated
? const ListScreen()
: const LoginScreen(),
),
GoRoute(
path: '/sign-up',
builder: (context, state) =>
Provider.of<AuthProvider>(context).isAuthenticated
? const ListScreen()
: const SignUpScreen(),
),
GoRoute(
path: '/reset-password',
builder: (context, state) => const ResetPasswordScreen(),
),
GoRoute(
path: '/confirm-reset-password',
builder: (context, state) => const ConfirmResetPasswordScreen(),
),
],
);
return MultiProvider(
providers: [
ChangeNotifierProvider(create: (context) => AuthProvider()),
ChangeNotifierProvider(create: (context) => NavigationsProvider()),
ChangeNotifierProvider(create: (context) => BookProvider()),
],
child: MaterialApp(
child: MaterialApp.router(
routerConfig: router,
title: title,
theme: ThemeData(
textTheme: GoogleFonts.poppinsTextTheme(),
......@@ -41,13 +70,6 @@ class _LibraryApp extends State<LibraryApp> {
),
useMaterial3: true,
),
home: Consumer<AuthProvider>(
builder: (context, authProvider, child) {
final isAuthenticated = authProvider.isAuthenticated;
return isAuthenticated ? const ListScreen() : const LoginScreen();
},
),
scrollBehavior: AdaptiveScrollBehavior(),
debugShowCheckedModeBanner: false,
),
......
lib/src/providers/auth_provider.dart
View file @ 54d96eda
import 'dart:convert';
import 'package:flutter/widgets.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';
import 'package:flutter/foundation.dart';
import 'package:go_router/go_router.dart';
import 'package:http/http.dart' as http;
import 'package:library_app/src/models/token.dart';
......@@ -41,7 +43,8 @@ class AuthProvider with ChangeNotifier {
notifyListeners();
}
Future<void> signIn(String username, String password) async {
Future<void> signIn(
BuildContext context, String username, String password) async {
try {
setLoading(true);
final response = await http.post(
......@@ -57,6 +60,7 @@ class AuthProvider with ChangeNotifier {
isAuthenticated = true;
invalidUsernameOrPassword = false;
debugPrint("Login successful $token");
} else if (response.statusCode == 401) {
invalidUsernameOrPassword = true;
......@@ -67,10 +71,11 @@ class AuthProvider with ChangeNotifier {
debugPrint("Login failed $code");
}
setLoading(true);
setLoading(false);
notifyListeners();
} catch (error) {
debugPrint("Login failed $error");
setLoading(false);
}
}
......@@ -113,7 +118,8 @@ class AuthProvider with ChangeNotifier {
}
}
Future<void> signUp(String username, String email, String password) async {
Future<void> signUp(BuildContext context, String username, String email,
String password) async {
try {
setLoading(true);
final body = {
......@@ -133,6 +139,9 @@ class AuthProvider with ChangeNotifier {
storeAccessToken(token);
isAuthenticated = true;
if (context.mounted) {
context.go("/");
}
debugPrint("Signup successful $token");
} else {
debugPrint(
......
lib/src/screens/form_screen.dart
View file @ 54d96eda
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:library_app/src/providers/auth_provider.dart';
import 'package:library_app/src/widgets/forms/login_form.dart';
......@@ -7,27 +8,44 @@ import 'package:library_app/src/widgets/forms/reset_password_form.dart';
import 'package:library_app/src/widgets/forms/sign_up_form.dart';
import 'package:provider/provider.dart';
class FormScreen extends StatelessWidget {
class FormScreen extends StatefulWidget {
final String title;
final Widget body;
final List<Widget>? action;
final bool? withBackButton;
final String? backRoute;
const FormScreen({
super.key,
required this.title,
required this.body,
this.backRoute,
this.action,
this.withBackButton,
});
@override
State<FormScreen> createState() => _FormScreen();
}
class _FormScreen extends State<FormScreen> {
String get title => widget.title;
Widget get body => widget.body;
List<Widget>? get action => widget.action;
bool? get withBackButton => widget.withBackButton;
String? get backRoute => widget.backRoute;
@override
Widget build(BuildContext context) {
final bool withBack = withBackButton != null ? withBackButton! : true;
return Scaffold(
appBar: AppBar(
title: Text(title),
leading: withBack ? const BackButton() : null,
leading: withBack
? BackButton(
onPressed: () => context.push(backRoute ?? ""),
)
: null,
actions: action,
),
body: ListView(
......@@ -68,6 +86,7 @@ class SignUpScreen extends StatelessWidget {
return FormScreen(
title: title,
backRoute: "/",
body: const SignUpForm(),
);
}
......@@ -82,6 +101,7 @@ class ResetPasswordScreen extends StatelessWidget {
return FormScreen(
title: title,
backRoute: "/",
body: const ResetPasswordForm(),
);
}
......@@ -96,6 +116,7 @@ class ConfirmResetPasswordScreen extends StatelessWidget {
return FormScreen(
title: title,
withBackButton: false,
body: const ConfirmResetPasswordForm(),
);
}
......@@ -110,11 +131,25 @@ class ProfileEditScreen extends StatelessWidget {
Widget build(BuildContext context) {
String title = "Edit Profile";
return Consumer<AuthProvider>(builder: (context, authProvider, child) {
return FormScreen(
title: title,
body: ProfileEditForm(user: authProvider.user),
);
});
return Scaffold(
appBar: AppBar(
title: Text(title),
leading: BackButton(
onPressed: () => context.pop(),
),
),
body: Consumer<AuthProvider>(
builder: (context, authProvider, child) {
return ListView(children: [
Container(
width: double.infinity,
padding:
const EdgeInsets.symmetric(horizontal: 20.0, vertical: 40.0),
child: ProfileEditForm(user: authProvider.user),
),
]);
},
),
);
}
}
lib/src/screens/list/list_screen.dart
View file @ 54d96eda
......@@ -4,9 +4,14 @@ import 'package:library_app/src/screens/list/admin_list_screen.dart';
import 'package:library_app/src/screens/list/member_list_screen.dart';
import 'package:provider/provider.dart';
class ListScreen extends StatelessWidget {
class ListScreen extends StatefulWidget {
const ListScreen({super.key});
@override
State<ListScreen> createState() => _ListScreen();
}
class _ListScreen extends State<ListScreen> {
@override
Widget build(BuildContext context) {
final user = Provider.of<AuthProvider>(context).user;
......
lib/src/widgets/forms/login_form.dart
View file @ 54d96eda
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:go_router/go_router.dart';
import 'package:library_app/src/providers/auth_provider.dart';
import 'package:library_app/src/screens/form_screen.dart';
import 'package:library_app/src/widgets/loading.dart';
import 'package:provider/provider.dart';
......@@ -130,6 +130,7 @@ class _LoginForm extends State<LoginForm> {
onPressed: () {
if (_formKey.currentState!.validate()) {}
authProvider.signIn(
context,
usernameController.text,
passwordController.text,
);
......@@ -143,24 +144,14 @@ class _LoginForm extends State<LoginForm> {
width: double.infinity,
child: TextButton(
child: const Text("Sign Up"),
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => const SignUpScreen(),
),
);
},
onPressed: () => context.go("/sign-up"),
),
),
SizedBox(
width: double.infinity,
child: TextButton(
child: const Text("Forgot Password"),
onPressed: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (context) => const ResetPasswordScreen(),
));
},
onPressed: () => context.go("/reset-password"),
),
),
],
......
lib/src/widgets/forms/sign_up_form.dart
View file @ 54d96eda
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:go_router/go_router.dart';
import 'package:library_app/src/providers/auth_provider.dart';
import 'package:library_app/src/screens/form_screen.dart';
import 'package:provider/provider.dart';
class SignUpForm extends StatefulWidget {
......@@ -131,6 +131,7 @@ class _SignUpForm extends State<SignUpForm> {
onPressed: () {
if (_formKey.currentState!.validate()) {}
authProvider.signUp(
context,
usernameController.text,
emailController.text,
passwordController.text,
......@@ -143,13 +144,7 @@ class _SignUpForm extends State<SignUpForm> {
width: double.infinity,
child: TextButton(
child: const Text("Login"),
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => const LoginScreen(),
),
);
},
onPressed: () => context.go("/"),
),
),
],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment