feat : wave bottom sheet :)

This commit is contained in:
2025-04-29 16:11:13 +03:30
parent caa3884242
commit bb4eccd01d
3 changed files with 174 additions and 381 deletions

View File

@@ -0,0 +1,132 @@
import 'package:flutter/material.dart';
import 'package:rasadyar_core/core.dart';
class WaveBottomNavigationItem {
final String title;
final String icon;
WaveBottomNavigationItem({required this.title, required this.icon});
}
class WaveBottomNavigation extends StatefulWidget {
const WaveBottomNavigation({
super.key,
required this.items,
required this.onPageChanged,
});
final List<WaveBottomNavigationItem> items;
final Function(int) onPageChanged;
@override
State<WaveBottomNavigation> createState() => _WaveBottomNavigationState();
}
class _WaveBottomNavigationState extends State<WaveBottomNavigation> {
final PageController _controller = PageController(viewportFraction: 0.3);
@override
void dispose() {
_controller.dispose();
super.dispose();
}
double _calculateScale(double currentPage, int index) {
final double distance = (currentPage - index).abs();
if (distance >= 1) {
return 0.9;
} else {
return 1.50;
}
}
@override
Widget build(BuildContext context) {
return Container(
height: 68,
color: AppColor.blueNormal,
clipBehavior: Clip.none,
padding: const EdgeInsets.all(10),
child: Stack(
clipBehavior: Clip.none,
alignment: Alignment.center,
children: [backgroundWidget(), waveScrolledLists()],
),
);
}
Widget backgroundWidget() {
return Positioned(
top: -43,
child: Container(
width: 90,
height: 90,
clipBehavior: Clip.none,
decoration: ShapeDecoration(
color: AppColor.greenNormal,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(200),
side: BorderSide(width: 5, color: Colors.white),
),
),
),
);
}
Widget waveScrolledLists() {
return PageView.builder(
controller: _controller,
clipBehavior: Clip.none,
onPageChanged: widget.onPageChanged,
scrollDirection: Axis.horizontal,
itemCount: widget.items.length,
physics: const ClampingScrollPhysics(),
itemBuilder: (context, index) {
final WaveBottomNavigationItem item = widget.items[index];
return Center(
child: AnimatedBuilder(
animation: _controller,
builder: (context, child) {
double value = 0.0;
final scale = _calculateScale(_controller.page ?? 0, index);
value = index - (_controller.page ?? 0);
value = (value).clamp(-1, 1);
double offset = value * 30;
if (value.abs() < 0.2 || value.abs() > 0.2) {
offset = -7 * (1 - value.abs() * 2);
}
return Transform.scale(
scale: scale,
child: Transform.translate(
offset: Offset(0, offset),
child: Column(
children: [
Tooltip(
message: item.title,
child: vecWidget(
item.icon,
color: Colors.white,
width: 32,
height: 32,
),
),
/* Visibility(
visible: (_controller.page ?? 0) == index,
child: Text(
item.title,
style: AppFonts.yekan10.copyWith(color: Colors.white),
),
),*/
],
),
),
);
},
),
);
},
);
}
}

View File

@@ -1,18 +1,16 @@
export 'vec_widget.dart';
export 'app_bar/r_app_bar.dart';
export 'bottom_navigation/bottom_navigation_1.dart';
export 'bottom_navigation/wave_bottom_navigation.dart';
export 'buttons/elevated.dart';
export 'buttons/outline_elevated.dart';
export 'buttons/outline_elevated_icon.dart';
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 'buttons/outline_elevated_icon.dart';
export 'buttons/outline_elevated.dart';
export 'buttons/text_button.dart';
export 'app_bar/r_app_bar.dart';
export 'captcha/captcha_widget.dart';
export 'buttons/elevated.dart';
export 'inputs/r_input.dart';
export 'tabs/new_tab.dart';
export 'tabs/tab.dart';
export 'pagination/pagination_from_until.dart';
export 'pagination/show_more.dart';
export 'tabs/new_tab.dart';
export 'tabs/tab.dart';
export 'vec_widget.dart';