mirror of
https://github.com/foss42/apidash.git
synced 2025-06-17 11:54:51 +08:00
fix: resizing
This commit is contained in:
@ -19,8 +19,10 @@ class DashboardSplitView extends StatefulWidget {
|
|||||||
class DashboardSplitViewState extends State<DashboardSplitView> {
|
class DashboardSplitViewState extends State<DashboardSplitView> {
|
||||||
final MultiSplitViewController _controller = MultiSplitViewController(
|
final MultiSplitViewController _controller = MultiSplitViewController(
|
||||||
areas: [
|
areas: [
|
||||||
Area(id: "sidebar", size: 250, min: 200),
|
Area(id: "sidebar", min: 220, size: 250, max: 300), // Absolute values
|
||||||
Area(id: "main", min: 0.7),
|
Area(id: "main", min: 600),
|
||||||
|
// Area(id: "sidebar", flex: 0.3, min: 0.25), // Flex values
|
||||||
|
// Area(id: "main", flex: 0.7, min: 0.7),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
|
|
||||||
@ -44,6 +46,8 @@ class DashboardSplitViewState extends State<DashboardSplitView> {
|
|||||||
),
|
),
|
||||||
child: MultiSplitView(
|
child: MultiSplitView(
|
||||||
controller: _controller,
|
controller: _controller,
|
||||||
|
sizeOverflowPolicy: SizeOverflowPolicy.shrinkFirst,
|
||||||
|
sizeUnderflowPolicy: SizeUnderflowPolicy.stretchLast,
|
||||||
builder: (context, area) {
|
builder: (context, area) {
|
||||||
return switch (area.id) {
|
return switch (area.id) {
|
||||||
"sidebar" => widget.sidebarWidget,
|
"sidebar" => widget.sidebarWidget,
|
||||||
|
@ -19,8 +19,8 @@ class EqualSplitView extends StatefulWidget {
|
|||||||
class _EqualSplitViewState extends State<EqualSplitView> {
|
class _EqualSplitViewState extends State<EqualSplitView> {
|
||||||
final MultiSplitViewController _controller = MultiSplitViewController(
|
final MultiSplitViewController _controller = MultiSplitViewController(
|
||||||
areas: [
|
areas: [
|
||||||
Area(id: "left", min: kMinRequestEditorDetailsCardPaneSize),
|
Area(id: "left", min: 0.8),
|
||||||
Area(id: "right", min: kMinRequestEditorDetailsCardPaneSize),
|
Area(id: "right", min: 0.95),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
|
|
||||||
@ -37,22 +37,32 @@ class _EqualSplitViewState extends State<EqualSplitView> {
|
|||||||
animationEnabled: false,
|
animationEnabled: false,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
child: MultiSplitView(
|
child: LayoutBuilder(
|
||||||
controller: _controller,
|
builder: (context, constraints) {
|
||||||
builder: (context, area) {
|
return MultiSplitView(
|
||||||
return switch (area.id) {
|
controller: _controller,
|
||||||
"left" => widget.leftWidget,
|
// MultiSplitViewController(
|
||||||
"right" => widget.rightWidget,
|
// areas: [
|
||||||
_ => Container(),
|
// Area(id: "left", size: constraints.maxWidth / 2, min: 240),
|
||||||
};
|
// Area(id: "right", size: constraints.maxWidth / 2, min: 260),
|
||||||
|
// ],
|
||||||
|
// ),
|
||||||
|
builder: (context, area) {
|
||||||
|
return switch (area.id) {
|
||||||
|
"left" => widget.leftWidget,
|
||||||
|
"right" => widget.rightWidget,
|
||||||
|
_ => Container(),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
);
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
// @override
|
||||||
void dispose() {
|
// void dispose() {
|
||||||
_controller.dispose();
|
// _controller.dispose();
|
||||||
super.dispose();
|
// super.dispose();
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
|
80
lib/widgets/splt_cview_temp.dart
Normal file
80
lib/widgets/splt_cview_temp.dart
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:multi_split_view/multi_split_view.dart';
|
||||||
|
import 'package:apidash/consts.dart';
|
||||||
|
|
||||||
|
class EqualSplitView extends StatefulWidget {
|
||||||
|
const EqualSplitView({
|
||||||
|
super.key,
|
||||||
|
required this.leftWidget,
|
||||||
|
required this.rightWidget,
|
||||||
|
});
|
||||||
|
|
||||||
|
final Widget leftWidget;
|
||||||
|
final Widget rightWidget;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<EqualSplitView> createState() => _EqualSplitViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _EqualSplitViewState extends State<EqualSplitView> {
|
||||||
|
// final MultiSplitViewController _controller = MultiSplitViewController(
|
||||||
|
// areas: [
|
||||||
|
// Area(id: "left", min: kMinRequestEditorDetailsCardPaneSize),
|
||||||
|
// Area(id: "right", min: kMinRequestEditorDetailsCardPaneSize),
|
||||||
|
// ],
|
||||||
|
// );
|
||||||
|
|
||||||
|
getMinFractionWidth(double width) {
|
||||||
|
if (width < 900) {
|
||||||
|
return 0.9;
|
||||||
|
} else if (width < 1000) {
|
||||||
|
return 0.7;
|
||||||
|
} else if (width < 1200) {
|
||||||
|
return 0.5;
|
||||||
|
} else {
|
||||||
|
return 0.4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return MultiSplitViewTheme(
|
||||||
|
data: MultiSplitViewThemeData(
|
||||||
|
dividerThickness: 3,
|
||||||
|
dividerPainter: DividerPainters.background(
|
||||||
|
color: Theme.of(context).colorScheme.surfaceContainerHighest,
|
||||||
|
highlightedColor: Theme.of(context).colorScheme.outline.withOpacity(
|
||||||
|
kHintOpacity,
|
||||||
|
),
|
||||||
|
animationEnabled: false,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: LayoutBuilder(
|
||||||
|
builder: (context, constraints) {
|
||||||
|
final minWidth = getMinFractionWidth(constraints.maxWidth);
|
||||||
|
return MultiSplitView(
|
||||||
|
controller: MultiSplitViewController(
|
||||||
|
areas: [
|
||||||
|
Area(id: "left", flex: 1, min: minWidth),
|
||||||
|
Area(id: "right", flex: 1, min: minWidth),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
builder: (context, area) {
|
||||||
|
return switch (area.id) {
|
||||||
|
"left" => widget.leftWidget,
|
||||||
|
"right" => widget.rightWidget,
|
||||||
|
_ => Container(),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// @override
|
||||||
|
// void dispose() {
|
||||||
|
// _controller.dispose();
|
||||||
|
// super.dispose();
|
||||||
|
// }
|
||||||
|
}
|
@ -861,10 +861,10 @@ packages:
|
|||||||
dependency: "direct main"
|
dependency: "direct main"
|
||||||
description:
|
description:
|
||||||
name: multi_split_view
|
name: multi_split_view
|
||||||
sha256: "2ef6a7ff9d0957bf559075d2703507ea898c8b70e37ff5ac3636298370513b7a"
|
sha256: "1ee1974d9aae6bdc08e2abdead6066c914cefe4b0c5999cac1a2e4722fcf33ba"
|
||||||
url: "https://pub.dev"
|
url: "https://pub.dev"
|
||||||
source: hosted
|
source: hosted
|
||||||
version: "3.2.1"
|
version: "3.2.2"
|
||||||
nested:
|
nested:
|
||||||
dependency: transitive
|
dependency: transitive
|
||||||
description:
|
description:
|
||||||
|
@ -10,7 +10,7 @@ environment:
|
|||||||
dependencies:
|
dependencies:
|
||||||
flutter:
|
flutter:
|
||||||
sdk: flutter
|
sdk: flutter
|
||||||
multi_split_view: ^3.2.1
|
multi_split_view: ^3.2.2
|
||||||
url_launcher: ^6.2.5
|
url_launcher: ^6.2.5
|
||||||
flutter_riverpod: ^2.5.1
|
flutter_riverpod: ^2.5.1
|
||||||
riverpod: ^2.5.1
|
riverpod: ^2.5.1
|
||||||
|
Reference in New Issue
Block a user