feat : BottomSheet manger and some changed in draggable bottom sheet

This commit is contained in:
2025-05-05 09:06:35 +03:30
parent 2ba786b556
commit 6ef1ab06c9
10 changed files with 804 additions and 755 deletions

View File

@@ -0,0 +1,42 @@
import 'package:flutter/material.dart';
import 'draggable_bottom_sheet.dart';
import 'draggable_bottom_sheet_controller.dart';
class BottomSheetManager {
final Map<DraggableBottomSheetController, Widget Function()> _sheetBuilders;
BottomSheetManager(this._sheetBuilders);
bool get isAnyVisible =>
_sheetBuilders.keys.any((controller) => controller.isVisible.value);
void closeFirstVisible() {
for (final controller in _sheetBuilders.keys) {
if (controller.isVisible.value) {
controller.toggle();
break;
}
}
}
Widget buildVisibleSheet() {
for (final entry in _sheetBuilders.entries) {
if (entry.key.isVisible.value) {
return _buildDraggableSheet(entry.key, entry.value());
}
}
return const SizedBox.shrink();
}
Widget _buildDraggableSheet(
DraggableBottomSheetController controller,
Widget child,
) {
return DraggableBottomSheet(
controller: controller,
backgroundColor: Colors.white,
child: child,
);
}
}

View File

@@ -4,86 +4,87 @@ import 'package:get/get.dart';
import 'package:rasadyar_core/data/utils.dart';
import 'package:rasadyar_core/presentation/common/app_color.dart';
import 'package:rasadyar_core/presentation/widget/draggable_bottom_sheet/draggable_bottom_sheet_controller.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
class DraggableBottomSheet extends StatelessWidget {
final DraggableBottomSheetController? controller;
final bool isVisible;
final double initialHeight;
final double minHeight;
final double maxHeight;
final DraggableBottomSheetController controller;
final Widget? child;
final Color? backgroundColor;
const DraggableBottomSheet({
super.key,
this.controller,
this.isVisible = false,
this.backgroundColor = AppColor.lightGreyNormal,
this.initialHeight = 200,
this.minHeight = 0,
this.maxHeight = 700,
required this.controller,
this.child,
this.backgroundColor = Colors.white,
});
@override
Widget build(BuildContext context) {
final DraggableBottomSheetController bottomSheetController =
controller ??
Get.put(
DraggableBottomSheetController(
initialVisibility: false,
initialHeight: initialHeight,
minHeight: minHeight,
maxHeight: maxHeight,
),
tag: 'local_$hashCode',
);
// Optionally show after first frame if isVisible is true
WidgetsBinding.instance.addPostFrameCallback((_) {
if (isVisible && !bottomSheetController.isVisible.value) {
bottomSheetController.show();
if (controller.isVisible.value && !controller.isVisible.value) {
controller.show();
}
});
return ObxValue(
(data) => AnimatedPositioned(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
bottom: bottomSheetController.isVisible.value ? 0 : -maxHeight,
left: 0,
right: 0,
child: GestureDetector(
onVerticalDragUpdate: (DragUpdateDetails details) {
bottomSheetController.updateHeight(details.primaryDelta);
},
child: Container(
height: data.value,
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.vertical(top: Radius.circular(50)),
),
child: Column(
children: [
const SizedBox(height: 10),
GestureDetector(
onTap: () {
bottomSheetController.toggle();
},
behavior: HitTestBehavior.opaque,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [const Icon(CupertinoIcons.chevron_down)],
),
),
const SizedBox(height: 10),
child ?? SizedBox.shrink(),
],
return Obx(() {
if (!controller.isVisible.value) return SizedBox.shrink();
return Stack(
children: [
// پس‌زمینه تیره
Positioned.fill(
child: GestureDetector(
onTap: controller.toggle,
child: Container(color: Colors.black54),
),
),
),
),
bottomSheetController.currentHeight,
// محتوای BottomSheet
AnimatedPositioned(
duration: Duration(milliseconds: 300),
curve: Curves.easeOut,
left: 0,
right: 0,
bottom: 0,
child: GestureDetector(
onVerticalDragUpdate: (details) =>
controller.updateHeight(details.primaryDelta),
child: Container(
height: controller.currentHeight.value,
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.vertical(
top: Radius.circular(20),
),
boxShadow: [
BoxShadow(
color: Colors.black.withValues(alpha: 0.1),
blurRadius: 10,
),
],
),
child: Column(
children: [
GestureDetector(
onTap: controller.toggle,
child: Container(
padding: EdgeInsets.all(10),
child: Icon(Icons.drag_handle),
),
),
Expanded(child: child ?? SizedBox.shrink()),
],
),
),
),
),
],
);
}
);
}
}
}

View File

@@ -3,7 +3,7 @@ import 'package:get/get.dart';
import 'package:rasadyar_core/core.dart';
import 'draggable_bottom_sheet.dart';
class DraggableBottomSheetController extends GetxController {
/*class DraggableBottomSheetController extends GetxController {
final RxList<DraggableBottomSheet> bottomSheets =
<DraggableBottomSheet>[].obs;
@@ -124,5 +124,43 @@ class DraggableBottomSheetController extends GetxController {
return false;
}
}
}*/
class DraggableBottomSheetController extends GetxController {
final RxBool isVisible = false.obs;
final RxDouble currentHeight = 200.0.obs;
late double initialHeight;
late double minHeight;
late double maxHeight;
DraggableBottomSheetController({
this.initialHeight = 200,
this.minHeight = 100,
this.maxHeight = 700,
}) {
currentHeight.value = initialHeight;
}
void show() => isVisible.value = true;
void hide() => isVisible.value = false;
void toggle() => isVisible.value = !isVisible.value;
void updateHeight(double? delta) {
if (delta == null) return;
final newHeight = (currentHeight.value - delta).clamp(minHeight, maxHeight);
if (newHeight <= minHeight) {
hide();
} else {
currentHeight.value = newHeight;
}
}
@override
void onInit() {
super.onInit();
}
}

View File

@@ -8,6 +8,7 @@ export 'buttons/text_button.dart';
export 'captcha/captcha_widget.dart';
export 'draggable_bottom_sheet/draggable_bottom_sheet.dart';
export 'draggable_bottom_sheet/draggable_bottom_sheet_controller.dart';
export 'draggable_bottom_sheet/bottom_sheet_manger.dart';
export 'inputs/r_input.dart';
export 'pagination/pagination_from_until.dart';
export 'pagination/show_more.dart';

View File

@@ -417,26 +417,26 @@ packages:
dependency: "direct main"
description:
name: hive_ce
sha256: ac66daee46ad46486a1ed12cf91e9d7479c875fb46889be8d2c96b557406647f
sha256: fdc19336f03ecd01dbc1d1afe69d87ed9336bdf996c5374a25f9c21ef5f2989e
url: "https://pub.dev"
source: hosted
version: "2.10.1"
version: "2.11.1"
hive_ce_flutter:
dependency: "direct main"
description:
name: hive_ce_flutter
sha256: "74c1d5f10d803446b4e7913bb272137e2724ba8a56465444f9e7713aeb60a877"
sha256: "5eaf57a5af980eda63ddaa8c34d618dc446f76fe79410f2a283522744291c05c"
url: "https://pub.dev"
source: hosted
version: "2.2.0"
version: "2.3.0"
hive_ce_generator:
dependency: "direct dev"
description:
name: hive_ce_generator
sha256: "0b1c750e2d10c55a14cde16d479ada42704be6cef43c54b728ed0e4e02f7d808"
sha256: "84940c2fd3cb1d1eb318892cdb666bc0b8023f365f28aefe09b9e5a7222bc740"
url: "https://pub.dev"
source: hosted
version: "1.8.2"
version: "1.9.1"
http:
dependency: transitive
description:
@@ -477,6 +477,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "1.0.5"
isolate_channel:
dependency: transitive
description:
name: isolate_channel
sha256: bafedfbcc1e9796ada179b5dac7043b33eb85d35204b089ca37d480d9c0068df
url: "https://pub.dev"
source: hosted
version: "0.2.2"
js:
dependency: transitive
description:
@@ -825,10 +833,10 @@ packages:
dependency: transitive
description:
name: shamsi_date
sha256: "4614789ed11bfffe5ba0aa157a20f2857ab6328528401766e0d924e453c866bd"
sha256: b6c79ff34ddfb1e9e4761347f18e30afdd7d16cc3db77defd5a40e2d93894c51
url: "https://pub.dev"
source: hosted
version: "1.0.4"
version: "1.1.0"
shelf:
dependency: transitive
description: