Wrap ListView and GridView in ScrolledWindow (#120)

The demo did not work correctly: when creating more than 200 widgets and scrolling down, widgets are not dynamically created. Each `Gtk.ListView` or `Gtk.GridView` should be placed in `Gtk.ScrolledWindow` without intermediaries (Scrolling from `Adw.StatusPage` will not work)

Author: Rirusha

src/List View Widgets/main.blp

@@ -67,21 +67,26 @@ Adw.StatusPage {
           child: Frame {
             valign: start;
 
-            ListView list_view {
-              enable-rubberband: true;
-
-              factory: BuilderListItemFactory {
-                template ListItem {
-                  child: Gtk.Box {
-                    Gtk.Label {
-                      label: bind template.item as <StringObject>.string;
-                      height-request: 50;
-                      margin-start: 12;
-                      margin-end: 12;
-                    }
-                  };
-                }
-              };
+            ScrolledWindow {
+              hscrollbar-policy: never;
+              propagate-natural-height: true;
+
+              ListView list_view {
+                enable-rubberband: true;
+
+                factory: BuilderListItemFactory {
+                  template ListItem {
+                    child: Gtk.Box {
+                      Gtk.Label {
+                        label: bind template.item as <StringObject>.string;
+                        height-request: 50;
+                        margin-start: 12;
+                        margin-end: 12;
+                      }
+                    };
+                  }
+                };
+              }
             }
           };
         }
@@ -93,11 +98,16 @@ Adw.StatusPage {
           child: Frame {
             valign: start;
 
-            GridView grid_view {
-              orientation: vertical;
-              max-columns: 4;
-              min-columns: 4;
-              enable-rubberband: true;
+            ScrolledWindow {
+              hscrollbar-policy: never;
+              propagate-natural-height: true;
+
+              GridView grid_view {
+                orientation: vertical;
+                max-columns: 2;
+                min-columns: 2;
+                enable-rubberband: true;
+              }
             }
           };
         }