flutter/apidash
1
0
Fork 0
mirror of https://github.com/foss42/apidash.git synced 2025-08-05 21:10:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add scrollbar to collection pane

Browse Source
This commit is contained in:
Ashita Prasad
2023-10-08 10:43:49 +05:30
parent 12701ddfbe
commit 697d737496
2 changed files with 80 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lib/consts.dart
View File

@ -65,6 +65,9 @@ const kPh20t40 = EdgeInsets.only(
top: 40,
);
const kPh60 = EdgeInsets.symmetric(horizontal: 60);
const kP24CollectionPane = EdgeInsets.only(top: 24, left: 8.0, bottom: 8.0);
const kP8CollectionPane = EdgeInsets.only(top: 8.0, left: 8.0, bottom: 8.0);
const kPr8CollectionPane = EdgeInsets.only(right: 8.0);
const kHSpacer5 = SizedBox(width: 5);
const kHSpacer10 = SizedBox(width: 10);

134
lib/screens/home_page/collection_pane.dart
View File

@ -31,44 +31,47 @@ class _CollectionPaneState extends ConsumerState<CollectionPane> {
);
}
return Padding(
padding: kIsMacOS ? kPt24o8 : kP8,
padding: kIsMacOS ? kP24CollectionPane : kP8CollectionPane,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Wrap(
alignment: WrapAlignment.spaceBetween,
children: [
TextButton.icon(
onPressed: savingData
? null
: () async {
await ref
.read(collectionStateNotifierProvider.notifier)
.saveData();
Padding(
padding: kPr8CollectionPane,
child: Wrap(
alignment: WrapAlignment.spaceBetween,
children: [
TextButton.icon(
onPressed: savingData
? null
: () async {
await ref
.read(collectionStateNotifierProvider.notifier)
.saveData();
sm.hideCurrentSnackBar();
sm.showSnackBar(getSnackBar("Saved"));
},
icon: const Icon(
Icons.save,
size: 20,
sm.hideCurrentSnackBar();
sm.showSnackBar(getSnackBar("Saved"));
},
icon: const Icon(
Icons.save,
size: 20,
),
label: const Text(
kLabelSave,
style: kTextStyleButton,
),
),
label: const Text(
kLabelSave,
style: kTextStyleButton,
//const Spacer(),
ElevatedButton(
onPressed: () {
ref.read(collectionStateNotifierProvider.notifier).add();
},
child: const Text(
kLabelPlusNew,
style: kTextStyleButton,
),
),
),
//const Spacer(),
ElevatedButton(
onPressed: () {
ref.read(collectionStateNotifierProvider.notifier).add();
},
child: const Text(
kLabelPlusNew,
style: kTextStyleButton,
),
),
],
],
),
),
kVSpacer8,
const Expanded(
@ -90,40 +93,57 @@ class RequestList extends ConsumerStatefulWidget {
}
class _RequestListState extends ConsumerState<RequestList> {
late final ScrollController controller;
@override
void initState() {
super.initState();
controller = ScrollController();
}
@override
void dispose() {
controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
final requestItems = ref.watch(collectionStateNotifierProvider)!;
return ReorderableListView.builder(
buildDefaultDragHandles: false,
itemCount: requestItems.length,
onReorder: (int oldIndex, int newIndex) {
if (oldIndex < newIndex) {
newIndex -= 1;
}
if (oldIndex != newIndex) {
ref
.read(collectionStateNotifierProvider.notifier)
.reorder(oldIndex, newIndex);
}
},
itemBuilder: (context, index) {
return ReorderableDragStartListener(
key: Key(requestItems[index].id),
index: index,
child: Padding(
padding: kP1,
child: RequestItem(
id: requestItems[index].id,
requestModel: requestItems[index],
return Scrollbar(
controller: controller,
thumbVisibility: true,
radius: const Radius.circular(12),
child: ReorderableListView.builder(
padding: kPr8CollectionPane,
scrollController: controller,
buildDefaultDragHandles: false,
itemCount: requestItems.length,
onReorder: (int oldIndex, int newIndex) {
if (oldIndex < newIndex) {
newIndex -= 1;
}
if (oldIndex != newIndex) {
ref
.read(collectionStateNotifierProvider.notifier)
.reorder(oldIndex, newIndex);
}
},
itemBuilder: (context, index) {
return ReorderableDragStartListener(
key: Key(requestItems[index].id),
index: index,
child: Padding(
padding: kP1,
child: RequestItem(
id: requestItems[index].id,
requestModel: requestItems[index],
),
),
),
);
},
);
},
),
);
}
}