opt slide dismiss

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
This commit is contained in:
bggRGjQaUbCoE
2025-08-27 15:22:19 +08:00
parent cf24f851e8
commit 077293854c
2 changed files with 87 additions and 79 deletions

View File

@@ -18,7 +18,6 @@ library;
import 'dart:async'; import 'dart:async';
import 'dart:math' as math; import 'dart:math' as math;
import 'dart:math' show max;
import 'package:flutter/foundation.dart'; import 'package:flutter/foundation.dart';
import 'package:flutter/gestures.dart'; import 'package:flutter/gestures.dart';
@@ -782,6 +781,7 @@ class CustomScrollableState extends State<CustomScrollable>
bool? _lastCanDrag; bool? _lastCanDrag;
Axis? _lastAxisDirection; Axis? _lastAxisDirection;
late bool _isRTL = false;
Offset? _downPos; Offset? _downPos;
bool? _isSliding; bool? _isSliding;
@@ -893,7 +893,12 @@ class CustomScrollableState extends State<CustomScrollable>
ScrollHoldController? _hold; ScrollHoldController? _hold;
void _handleDragDown(DragDownDetails details) { void _handleDragDown(DragDownDetails details) {
if (details.localPosition.dx <= 30) { final dx = details.localPosition.dx;
const offset = 30;
final isLTR = dx <= offset;
final isRTL = dx >= _maxWidth - offset;
if (isLTR || isRTL) {
_isRTL = isRTL;
_downPos = details.localPosition; _downPos = details.localPosition;
return; return;
} }
@@ -915,19 +920,22 @@ class CustomScrollableState extends State<CustomScrollable>
_downPos = null; _downPos = null;
_isSliding = false; _isSliding = false;
} }
} else {
_downPos = null;
_isSliding = false;
} }
} else if (_isSliding == true) { } else if (_isSliding == true) {
if (localPosition.dx < 0) {
return;
}
_animController.value = _animController.value =
max(0, (localPosition.dx - _downPos!.dx)) / _maxWidth; (localPosition.dx - _downPos!.dx).abs() / _maxWidth;
} }
} }
void _onDismiss() { void _onDismiss() {
if (_isSliding == true) { if (_isSliding == true) {
if (_animController.value * _maxWidth + _downPos!.dx >= 100) { final dx = _downPos!.dx;
if (_animController.value * _maxWidth +
(_isRTL ? (_maxWidth - dx) : dx) >=
100) {
Get.back(); Get.back();
} else { } else {
_animController.reverse(); _animController.reverse();
@@ -1172,24 +1180,24 @@ class CustomScrollableState extends State<CustomScrollable>
); );
} }
return LayoutBuilder(
builder: (context, constraints) {
_maxWidth = constraints.maxWidth;
return SlideTransition( return SlideTransition(
position: _anim, position: _anim,
child: Material( child: Material(
color: widget.bgColor, color: widget.bgColor,
child: LayoutBuilder( child: widget.header != null
builder: (_, constrains) {
_maxWidth = constrains.maxWidth;
return widget.header != null
? Column( ? Column(
children: [ children: [
widget.header!, widget.header!,
Expanded(child: result), Expanded(child: result),
], ],
) )
: result; : result,
),
);
}, },
),
),
); );
} }

View File

@@ -13,7 +13,7 @@ abstract class CommonSlidePageState<T extends CommonSlidePage> extends State<T>
with TickerProviderStateMixin { with TickerProviderStateMixin {
Offset? downPos; Offset? downPos;
bool? isSliding; bool? isSliding;
late double maxWidth;
late bool _isRTL = false; late bool _isRTL = false;
late final bool enableSlide; late final bool enableSlide;
AnimationController? _animController; AnimationController? _animController;
@@ -47,9 +47,14 @@ abstract class CommonSlidePageState<T extends CommonSlidePage> extends State<T>
Widget build(BuildContext context) { Widget build(BuildContext context) {
final theme = Theme.of(context); final theme = Theme.of(context);
return enableSlide return enableSlide
? SlideTransition( ? LayoutBuilder(
builder: (context, constraints) {
maxWidth = constraints.maxWidth;
return SlideTransition(
position: _anim!, position: _anim!,
child: buildPage(theme), child: buildPage(theme),
);
},
) )
: buildPage(theme); : buildPage(theme);
} }
@@ -58,15 +63,10 @@ abstract class CommonSlidePageState<T extends CommonSlidePage> extends State<T>
Widget buildList(ThemeData theme) => throw UnimplementedError(); Widget buildList(ThemeData theme) => throw UnimplementedError();
Widget slideList(ThemeData theme) => LayoutBuilder(
builder: (_, constrains) {
final maxWidth = constrains.maxWidth;
void onDismiss([_]) { void onDismiss([_]) {
if (isSliding == true) { if (isSliding == true) {
final dx = downPos!.dx; final dx = downPos!.dx;
if (_animController!.value * maxWidth + if (_animController!.value * maxWidth + (_isRTL ? (maxWidth - dx) : dx) >=
(_isRTL ? (maxWidth - dx) : dx) >=
100) { 100) {
Get.back(); Get.back();
} else { } else {
@@ -99,8 +99,7 @@ abstract class CommonSlidePageState<T extends CommonSlidePage> extends State<T>
} }
} }
return GestureDetector( void onPanDown(DragDownDetails details) {
onPanDown: (details) {
final dx = details.localPosition.dx; final dx = details.localPosition.dx;
const offset = 30; const offset = 30;
final isLTR = dx <= offset; final isLTR = dx <= offset;
@@ -111,13 +110,14 @@ abstract class CommonSlidePageState<T extends CommonSlidePage> extends State<T>
} else { } else {
isSliding = false; isSliding = false;
} }
}, }
Widget slideList(ThemeData theme) => GestureDetector(
onPanDown: onPanDown,
onPanStart: onPan, onPanStart: onPan,
onPanUpdate: onPan, onPanUpdate: onPan,
onPanCancel: onDismiss, onPanCancel: onDismiss,
onPanEnd: onDismiss, onPanEnd: onDismiss,
child: buildList(theme), child: buildList(theme),
); );
},
);
} }