Non-scrollable ResizablePane (#420)

CHANGELOG.md

@@ -1,3 +1,6 @@
+## [2.0.0-beta.9]
+* `ResizablePane` can now disallow the usage of its internal scrollbar via the  `ReziablePane.noScrollBar` constructor.
+
 ## [2.0.0-beta.8]
 ✨ New ✨
 * `MacosFontWeight` allows using Apple-specific font weights like `w510`, `w590`, and `w860`.

example/lib/pages/resizable_pane_page.dart

@@ -73,16 +73,12 @@ class _ResizablePanePageState extends State<ResizablePanePage> {
             );
           },
         ),
-        ResizablePane(
+        const ResizablePane.noScrollBar(
           minSize: 180,
           startSize: 200,
-          // windowBreakpoint: 800,
-          resizableSide: ResizableSide.left,
-          builder: (_, __) {
-            return const Center(
-              child: Text('Right Resizable Pane'),
-            );
-          },
+          windowBreakpoint: 700,
+          resizableSide: ResizableSide.right,
+          child: Center(child: Text('Right non-scrollable Resizable Pane')),
         ),
       ],
     );

example/lib/widgets/widget_text_title1.dart

@@ -27,4 +27,4 @@ class WidgetTextTitle1 extends StatelessWidget {
       ),
     );
   }
-}
+}

example/pubspec.lock

@@ -145,7 +145,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "2.0.0-beta.8"
+    version: "2.0.0-beta.9"
   macos_window_utils:
     dependency: transitive
     description:

lib/src/layout/resizable_pane.dart

@@ -30,18 +30,54 @@ enum ResizableSide {
 /// The [startSize] is the initial width or height depending on the orientation of the pane.
 /// {@endtemplate}
 class ResizablePane extends StatefulWidget {
-  /// {@macro resizablePane}
+  /// Creates a [ResizablePane] with an internal [MacosScrollbar].
+  ///
+  /// Consider using [ResizablePane.noScrollBar] constructor when the internal
+  /// [MacosScrollbar] is not needed or when working with widgets which do not
+  /// expose their scroll controllers.
+  /// {@macro resizablePane}.
   const ResizablePane({
     super.key,
-    required this.builder,
+    required ScrollableWidgetBuilder this.builder,
     this.decoration,
     this.maxSize = 500.0,
     required this.minSize,
     this.isResizable = true,
     required this.resizableSide,
     this.windowBreakpoint,
     required this.startSize,
-  })  : assert(
+  })  : child = null,
+        useScrollBar = true,
+        assert(
+          maxSize >= minSize,
+          'minSize should not be more than maxSize.',
+        ),
+        assert(
+          (startSize >= minSize) && (startSize <= maxSize),
+          'startSize must not be less than minSize or more than maxWidth',
+        );
+
+  /// Creates a [ResizablePane] without an internal [MacosScrollbar].
+  ///
+  /// Useful when working with widgets which do not expose their scroll
+  /// controllers or when not using the platform scroll bar is preferred.
+  ///
+  /// Consider using the default constructor if showing a [MacosScrollbar]
+  /// when scrolling the content of this widget is the expected behavior.
+  /// {@macro resizablePane}.
+  const ResizablePane.noScrollBar({
+    super.key,
+    required Widget this.child,
+    this.decoration,
+    this.maxSize = 500.0,
+    required this.minSize,
+    this.isResizable = true,
+    required this.resizableSide,
+    this.windowBreakpoint,
+    required this.startSize,
+  })  : builder = null,
+        useScrollBar = false,
+        assert(
           maxSize >= minSize,
           'minSize should not be more than maxSize.',
         ),
@@ -55,7 +91,15 @@ class ResizablePane extends StatefulWidget {
   ///
   /// Pass the [scrollController] obtained from this method, to a scrollable
   /// widget used in this method to work with the internal [MacosScrollbar].
-  final ScrollableWidgetBuilder builder;
+  final ScrollableWidgetBuilder? builder;
+
+  /// The child to display in this widget.
+  ///
+  /// This is only referenced when the constructor used is [ResizablePane.noScrollbar].
+  final Widget? child;
+
+  /// Specify if this [ResizablePane] should have an internal [MacosScrollbar].
+  final bool useScrollBar;
 
   /// The [BoxDecoration] to paint behind the child in the [builder].
   final BoxDecoration? decoration;
@@ -277,10 +321,12 @@ class _ResizablePaneState extends State<ResizablePane> {
           SafeArea(
             left: false,
             right: false,
-            child: MacosScrollbar(
-              controller: _scrollController,
-              child: widget.builder(context, _scrollController),
-            ),
+            child: widget.useScrollBar
+                ? MacosScrollbar(
+                    controller: _scrollController,
+                    child: widget.builder!(context, _scrollController),
+                  )
+                : widget.child!,
           ),
           if (widget.isResizable && !_resizeOnRight && !_resizeOnTop)
             Positioned(

pubspec.yaml

@@ -1,6 +1,6 @@
 name: macos_ui
 description: Flutter widgets and themes implementing the current macOS design language.
-version: 2.0.0-beta.8
+version: 2.0.0-beta.9
 homepage: "https://macosui.dev"
 repository: "https://github.com/GroovinChip/macos_ui"