83 lines
2.4 KiB
Dart
83 lines
2.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:flutter/services.dart'; // HapticFeedback
|
|
|
|
import '../../models/sake_item.dart';
|
|
import '../../providers/sake_list_provider.dart';
|
|
import 'sake_list_item.dart';
|
|
|
|
class SakeListView extends ConsumerWidget {
|
|
final List<dynamic> sakeList;
|
|
final bool isMenuMode;
|
|
final bool enableReorder;
|
|
|
|
const SakeListView({
|
|
super.key,
|
|
required this.sakeList,
|
|
required this.isMenuMode,
|
|
this.enableReorder = false,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
// Dynamic cast for Hive list
|
|
final list = sakeList.cast<SakeItem>();
|
|
|
|
// If reorder is disabled or in Menu Mode, use standard ListView
|
|
if (!enableReorder || isMenuMode) {
|
|
return ListView.builder(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
|
|
itemCount: list.length,
|
|
itemBuilder: (context, index) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(bottom: 4),
|
|
child: SakeListItem(
|
|
sake: list[index],
|
|
isMenuMode: isMenuMode,
|
|
index: null, // No drag handle
|
|
),
|
|
);
|
|
}
|
|
);
|
|
}
|
|
|
|
// Standard ReorderableListView for Home Screen
|
|
return ReorderableListView.builder(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
|
|
itemCount: list.length,
|
|
onReorder: (oldIndex, newIndex) {
|
|
if (oldIndex < newIndex) {
|
|
newIndex -= 1;
|
|
}
|
|
// Perform Reorder locally
|
|
final item = list.removeAt(oldIndex);
|
|
list.insert(newIndex, item);
|
|
// Update Order via Controller (Normal Mode - Global Sort)
|
|
ref.read(sakeOrderControllerProvider.notifier).updateOrder(list);
|
|
|
|
// Haptic
|
|
HapticFeedback.lightImpact();
|
|
},
|
|
proxyDecorator: (widget, index, animation) {
|
|
return Material(
|
|
elevation: 4,
|
|
color: Colors.transparent,
|
|
child: widget,
|
|
);
|
|
},
|
|
itemBuilder: (context, index) {
|
|
final sake = list[index];
|
|
return Padding(
|
|
key: ValueKey(sake.id),
|
|
padding: const EdgeInsets.only(bottom: 4),
|
|
child: SakeListItem(
|
|
sake: sake,
|
|
isMenuMode: isMenuMode,
|
|
index: index // For drag handle
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|