Create Flutter Logout Screen Using PHP MySQL
By Webotapp Academy•
<!-- wp:paragraph -->\n<p>In this tutorial we shall discuss how to create the logout screen of out flutter app.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><!-- wp:list-item -->\n<li><strong>Create The Logout Screen</strong></li>\n<!-- /wp:list-item --></ol>\n<!-- /wp:list -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>import 'package:flutter/cupertino.dart';\nimport 'package:flutter/material.dart';\n\n\nclass LogoutScreen extends StatefulWidget {\n const LogoutScreen({super.key});\n\n @override\n State<LogoutScreen> createState() => _LogoutScreenState();\n}\n\n\n\nclass _LogoutScreenState extends State<LogoutScreen> {\n\n \n\n\n @override\n Widget build(BuildContext context) {\n return const Placeholder();\n }\n}\n</code></pre>\n<!-- /wp:code -->\n\n<!-- wp:paragraph -->\n<p><strong>2. Now Create The Asynchronous Function </strong></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><br> </p>\n<!-- /wp:paragraph -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>import 'package:shared_preferences/shared_preferences.dart'; \n\nimport '../Home/Home.dart';\n\nFuture<void> _logoutUser() async {\n SharedPreferences prefs = await SharedPreferences.getInstance();\n await prefs.remove('email');\n await prefs.remove('password');\n // Redirect to Home screen\n Navigator.pushReplacement(\n context,\n MaterialPageRoute(builder: (context) => Home()),\n );\n }</code></pre>\n<!-- /wp:code -->\n\n<!-- wp:paragraph -->\n<p><br></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>3. Now Call The Logout Function On Page Load</strong></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>\n @override\n void initState() {\n super.initState();\n _logoutUser();\n }\n\n </code></pre>\n<!-- /wp:code -->