dialog for thememode

Author: VikramadityaDev

lib/widgets/theme_dialog.dart

@@ -0,0 +1,46 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:text_to_image_gen/utils/my_states.dart';
+
+class ThemeModeDialog extends StatefulWidget {
+  const ThemeModeDialog({Key? key}) : super(key: key);
+
+  @override
+  _ThemeModeDialogState createState() => _ThemeModeDialogState();
+}
+
+class _ThemeModeDialogState extends State<ThemeModeDialog> {
+  final List<IconData> themeModeIcons = [
+    Icons.light_mode,
+    Icons.dark_mode,
+    Icons.memory
+  ];
+
+  final List<String> themeModeText = ["Light", "Dark", "System"];
+
+  @override
+  Widget build(BuildContext context) {
+    final themeState = Provider.of<ThemeState>(context);
+    return Dialog(
+        child: ListView.builder(
+            physics: const NeverScrollableScrollPhysics(),
+            shrinkWrap: true,
+            itemCount: 3,
+            itemBuilder: (context, index) {
+              return ListTileTheme(
+                selectedColor: Theme.of(context).colorScheme.secondary,
+                child: ListTile(
+                  leading: Icon(themeModeIcons[index]),
+                  title: Text(themeModeText[index]),
+                  selected: index == themeState.currentThemeIndex,
+                  onTap: () {
+                    themeState.changeThemeMode(index);
+                    Navigator.pop(context);
+                  },
+                ),
+              );
+            },
+        ),
+    );
+  }
+}