import 'package:flutter/material.dart'; class NotificationsSettingsPage extends StatelessWidget { const NotificationsSettingsPage({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Notifications Settings'), backgroundColor: Theme.of(context).colorScheme.inversePrimary, ), body: ListView( children: [ SwitchListTile( title: const Text('Receive App Notifications'), value: true, // Example value onChanged: (bool value) { // Handle change }, secondary: const Icon(Icons.notifications_active), ), SwitchListTile( title: const Text('Receive Email Notifications'), value: false, // Example value onChanged: (bool value) { // Handle change }, secondary: const Icon(Icons.email), ), ListTile( title: const Text('Notification Sound'), subtitle: const Text('Default'), leading: const Icon(Icons.music_note), onTap: () { // Open sound picker }, ), ], ), ); } } import 'package:flutter/material.dart'; class AccountSettingsPage extends StatelessWidget { const AccountSettingsPage({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Account Settings'), backgroundColor: Theme.of(context).colorScheme.inversePrimary, ), body: ListView( children: [ const SizedBox(height: 20), const CircleAvatar( radius: 50, // backgroundImage: NetworkImage('YOUR_IMAGE_URL_HERE'), // Add user image child: Icon(Icons.person, size: 50), // Placeholder ), const SizedBox(height: 10), Center( child: Text( 'User Name', // Replace with actual user name style: Theme.of(context).textTheme.headlineSmall, ), ), Center( child: Text( 'user.email@example.com', // Replace with actual user email style: Theme.of(context).textTheme.bodyMedium, ), ), const SizedBox(height: 20), const Divider(), ListTile( leading: const Icon(Icons.edit), title: const Text('Edit Profile'), onTap: () { // Navigate to edit profile page }, ), ListTile( leading: const Icon(Icons.lock_reset), title: const Text('Change Password'), onTap: () { // Navigate to change password page }, ), ListTile( leading: const Icon(Icons.email), title: const Text('Change Email Address'), onTap: () { // Navigate to change email page }, ), ListTile( leading: const Icon(Icons.delete_forever), title: const Text('Delete Account'), textColor: Colors.red, iconColor: Colors.red, onTap: () { // Show confirmation dialog for account deletion }, ), ], ), ); } } import 'package:flutter/material.dart'; class AppearanceSettingsPage extends StatefulWidget { const AppearanceSettingsPage({super.key}); @override State createState() => _AppearanceSettingsPageState(); } class _AppearanceSettingsPageState extends State { ThemeMode _themeMode = ThemeMode.system; // Example state @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Appearance Settings'), backgroundColor: Theme.of(context).colorScheme.inversePrimary, ), body: ListView( children: [ ListTile( leading: const Icon(Icons.brightness_6), title: const Text('Theme'), subtitle: Text(_themeMode.toString().split('.').last), // Display current theme onTap: () { _showThemeDialog(); }, ), // Add more appearance settings like font size, etc. ], ), ); } void _showThemeDialog() { showDialog( context: context, builder: (BuildContext context) { return AlertDialog( title: const Text('Choose Theme'), content: Column( mainAxisSize: MainAxisSize.min, children: ThemeMode.values.map((ThemeMode mode) { return RadioListTile( title: Text(mode.toString().split('.').last), value: mode, groupValue: _themeMode, onChanged: (ThemeMode? value) { if (value != null) { setState(() { _themeMode = value; // Here you would typically call a ThemeProvider or similar // to actually change the app's theme. // For now, we just update the local state. }); Navigator.of(context).pop(); // Close the dialog } }, ); }).toList(), ), ); }, ); } } import 'package:flutter/material.dart'; class PrivacySecuritySettingsPage extends StatelessWidget { const PrivacySecuritySettingsPage({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Privacy & Security'), backgroundColor: Theme.of(context).colorScheme.inversePrimary, ), body: ListView( children: [ SwitchListTile( title: const Text('Enable Two-Factor Authentication'), value: false, // Example value onChanged: (bool value) { // Handle change }, secondary: const Icon(Icons.security), ), ListTile( leading: const Icon(Icons.history), title: const Text('Login History'), onTap: () { // Navigate to login history page }, ), ListTile( leading: const Icon(Icons.block), title: const Text('Blocked Users'), onTap: () { // Navigate to blocked users list }, ), ListTile( leading: const Icon(Icons.policy), title: const Text('Privacy Policy'), onTap: () { // Open privacy policy link or page }, ), ListTile( leading: const Icon(Icons.description), title: const Text('Terms of Service'), onTap: () { // Open terms of service link or page }, ), ], ), ); } } import 'package:flutter/material.dart'; class HelpSupportPage extends StatelessWidget { const HelpSupportPage({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Help & Support'), backgroundColor: Theme.of(context).colorScheme.inversePrimary, ), body: ListView( children: [ ListTile( leading: const Icon(Icons.contact_support), title: const Text('Contact Support'), onTap: () { // Open contact form or email client }, ), ListTile( leading: const Icon(Icons.quiz), title: const Text('FAQs'), onTap: () { // Navigate to FAQ page or section }, ), ListTile( leading: const Icon(Icons.feedback), title: const Text('Send Feedback'), onTap: () { // Open feedback form }, ), ], ), ); } } import 'package:flutter/material.dart'; import 'screens/notifications_settings_page.dart'; import 'screens/account_settings_page.dart'; import 'screens/appearance_settings_page.dart'; import 'screens/privacy_security_settings_page.dart'; import 'screens/help_support_page.dart'; class SettingsPage extends StatelessWidget { const SettingsPage({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Settings'), backgroundColor: Theme.of(context).colorScheme.inversePrimary, ), body: ListView( children: [ ListTile( leading: const Icon(Icons.notifications), title: const Text('Notifications'), trailing: const Icon(Icons.chevron_right), onTap: () { Navigator.push( context, MaterialPageRoute(builder: (context) => const NotificationsSettingsPage()), ); }, ), ListTile( leading: const Icon(Icons.account_circle), title: const Text('Account'), trailing: const Icon(Icons.chevron_right), onTap: () { Navigator.push( context, MaterialPageRoute(builder: (context) => const AccountSettingsPage()), ); }, ), ListTile( leading: const Icon(Icons.palette), title: const Text('Appearance'), trailing: const Icon(Icons.chevron_right), onTap: () { Navigator.push( context, MaterialPageRoute(builder: (context) => const AppearanceSettingsPage()), ); }, ), ListTile( leading: const Icon(Icons.lock), title: const Text('Privacy & Security'), trailing: const Icon(Icons.chevron_right), onTap: () { Navigator.push( context, MaterialPageRoute(builder: (context) => const PrivacySecuritySettingsPage()), ); }, ), ListTile( leading: const Icon(Icons.help_outline), title: const Text('Help & Support'), trailing: const Icon(Icons.chevron_right), onTap: () { Navigator.push( context, MaterialPageRoute(builder: (context) => const HelpSupportPage()), ); }, ), ListTile( leading: const Icon(Icons.info_outline), title: const Text('About'), onTap: () { // Show about dialog remains the same showAboutDialog( context: context, applicationName: 'My Flutter App', applicationVersion: '1.0.0', applicationLegalese: '© 2024 Your Company', children: [ const Padding( padding: EdgeInsets.only(top: 15), child: Text('More information about the app can go here.'), ) ], ); }, ), ], ), ); } } import 'package:flutter/material.dart'; import 'settings_page.dart'; // Import the settings page void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), // Define initial route or home widget // For demonstration, we'll add a button on the home page // to navigate to the settings page. home: const MyHomePage(title: 'Flutter Demo Home Page'), // Optionally define routes if you prefer named routing // routes: { // '/settings': (context) => const SettingsPage(), // // Add routes for other pages if needed // }, ); } } class MyHomePage extends StatefulWidget { const MyHomePage({super.key, required this.title}); final String title; @override State createState() => _MyHomePageState(); } class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor: Theme.of(context).colorScheme.inversePrimary, title: Text(widget.title), actions: [ // Add an icon button to the AppBar to navigate to settings IconButton( icon: const Icon(Icons.settings), tooltip: 'Settings', onPressed: () { Navigator.push( context, MaterialPageRoute(builder: (context) => const SettingsPage()), ); // Or using named routes if defined: // Navigator.pushNamed(context, '/settings'); }, ), ], ), body: const Center( child: Text( 'Press the settings icon in the AppBar.', ), ), ); } } name: settings_app description: A Flutter application with a settings page. publish_to: 'none' # Remove this line if you wish to publish to pub.dev version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.0 flutter: uses-material-design: true