Added dropdown view

Tomasz Kądziołka · Tomasz Kądziołka · commit 65624bbb5513 · 2022-12-18T08:00:06.000+01:00
diff --git a/flutter_module/lib/presentation/screens/main_screen.dart b/flutter_module/lib/presentation/screens/main_screen.dart
@@ -9,7 +9,9 @@ import 'package:flutter_module/presentation/navigation/login/login_navigator.dar
 import 'package:flutter_module/presentation/screens/named_screen.dart';
 import 'package:flutter_module/presentation/styles/color_styles.dart';
 import 'package:flutter_module/presentation/styles/dimens.dart';
+import 'package:flutter_module/presentation/styles/padding_styles.dart';
 import 'package:flutter_module/presentation/styles/text_styles.dart';
+import 'package:flutter_module/presentation/widgets/filter_dropdown.dart';
 import 'package:flutter_module/presentation/widgets/filter_list_view.dart';
 import 'package:flutter_module/presentation/widgets/snippet_list_item.dart';
 import 'package:flutter_module/presentation/widgets/view_state_wrapper.dart';
@@ -173,7 +175,28 @@ class _MainPageData extends StatelessWidget {
                 background: Column(
                   mainAxisAlignment: MainAxisAlignment.end,
                   children: [
-                    Row(children: [const Text("Language")]),
+                    PaddingStyles.small(
+                      Row(children: const [Text("Scope")]),
+                    ),
+                    Row(
+                      children: [
+                        SizedBox(
+                          height: Dimens.filterDropdownHeight,
+                          child: FilterDropdown(
+                            filters: ['a', 'b', 'c'],
+                            selected: 'a',
+                            // filters: filter.scopes,
+                            // selected: filter.selectedScope,
+                            onSelected: (item) {
+
+                            },
+                          ),
+                        ),
+                      ],
+                    ),
+                    PaddingStyles.small(
+                      Row(children: const [Text("Language")]),
+                    ),
                     SizedBox(
                       height: Dimens.filterListHeight,
                       child: FilterListView(
diff --git a/flutter_module/lib/presentation/styles/dimens.dart b/flutter_module/lib/presentation/styles/dimens.dart
@@ -6,5 +6,6 @@ class Dimens {
   static const xxl = 32.0;
 
   static const inputBorderWidth = 1.0;
-  static const filterListHeight = 64.0;
+  static const filterDropdownHeight = 32.0;
+  static const filterListHeight = 48.0;
 }
diff --git a/flutter_module/lib/presentation/widgets/filter_dropdown.dart b/flutter_module/lib/presentation/widgets/filter_dropdown.dart
@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+
+typedef FilterSelectedItemListener = Function(String);
+
+class FilterDropdown extends StatelessWidget {
+  const FilterDropdown({
+    Key? key,
+    required this.filters,
+    required this.selected,
+    this.onSelected,
+  }) : super(key: key);
+
+  final List<String?> filters;
+  final String selected;
+  final FilterSelectedItemListener? onSelected;
+
+  @override
+  Widget build(BuildContext context) {
+    return DropdownButtonHideUnderline(
+      child: DropdownButton<String>(
+        onChanged: (filter) => onSelected?.call(filter ?? ''),
+        value: selected,
+        items: [
+          // TODO Hardcoded list works, why?
+          ...filters.map(
+            (filter) => DropdownMenuItem(
+              child: Text(filter ?? ''),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}
diff --git a/flutter_module/lib/presentation/widgets/filter_list_view.dart b/flutter_module/lib/presentation/widgets/filter_list_view.dart
@@ -18,8 +18,6 @@ class FilterListView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    print("Filters = $filters");
-    print("Selected = $selected");
     return ListView.separated(
       physics: const BouncingScrollPhysics(),
       itemCount: filters.length,

Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,6 @@ class Dimens {`
`6`	`6`	`static const xxl = 32.0;`
`7`	`7`
`8`	`8`	`static const inputBorderWidth = 1.0;`
`9`		`- static const filterListHeight = 64.0;`
	`9`	`+ static const filterDropdownHeight = 32.0;`
	`10`	`+ static const filterListHeight = 48.0;`
`10`	`11`	`}`