Non-scrollable ResizablePane

CHANGELOG.md

@@ -1,3 +1,6 @@
+## [2.0.0-beta.8]
+* `ResizablePane` can now disallow the usage of its internal scrollbar via the  `ReziablePane.noScrollBar` constructor.
+
 ## [2.0.0-beta.7]
 ✨ New ✨
 * You can now call `MacosTypography.of(context)` as a shorthand for retrieving the typography used in your `MacosTheme`.

example/lib/pages/buttons_page.dart

@@ -61,6 +61,13 @@ class _ButtonsPageState extends State<ButtonsPage> {
         ],
       ),
       children: [
+        const ResizablePane.noScrollBar(
+          minSize: 180,
+          startSize: 200,
+          windowBreakpoint: 700,
+          resizableSide: ResizableSide.right,
+          child: Center(child: Text('Resizable Pane')),
+        ),
         ContentArea(
           builder: (context, scrollController) {
             return SingleChildScrollView(

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.7"
+    version: "2.0.0-beta.8"
   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 going with [ResizablePane.noScrollBar] constructor if the internal
+  /// [MacosScrollbar] is useless or when dealing 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',
+        );
+
+  /// Create a [ResizablePane] without an internal [MacosScrollbar].
+  ///
+  /// Very useful when dealing with widgets which do not expose their scroll
+  /// controllers or when not using the platform scroll bar is preferred.
+  ///
+  /// Consider going with the default constructor if showing [MacosScrollbar]
+  /// when scrolling the content of this widget is the expected behaviour.
+  /// {@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(

lib/src/selectors/date_picker.dart

@@ -107,9 +107,9 @@ class MacosDatePicker extends StatefulWidget {
 
   /// Allows for changing the order of day headers in the graphical Date Picker
   /// to Mo, Tu, We, Th, Fr, Sa, Su.
-  /// 
+  ///
   /// This is useful for internationalization purposes, as many countries begin their weeks on Mondays.
-  /// 
+  ///
   /// Defaults to `false`.
   final bool? startWeekOnMonday;
 

lib/src/theme/macos_theme.dart

@@ -224,9 +224,8 @@ class MacosThemeData with Diagnosticable {
     );
     pushButtonTheme ??= PushButtonThemeData(
       color: primaryColor,
-      secondaryColor: isDark
-          ? const Color.fromRGBO(110, 109, 112, 1.0)
-          : MacosColors.white,
+      secondaryColor:
+          isDark ? const Color.fromRGBO(110, 109, 112, 1.0) : MacosColors.white,
       disabledColor: isDark
           ? const Color.fromRGBO(255, 255, 255, 0.1)
           : const Color.fromRGBO(244, 245, 245, 1.0),

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.7
+version: 2.0.0-beta.8
 homepage: "https://macosui.dev"
 repository: "https://github.com/GroovinChip/macos_ui"