From 4601ed80619ea00c5b62d6feeb9b6bd15f5c0636 Mon Sep 17 00:00:00 2001 From: ya0211 Date: Wed, 7 Jun 2023 13:51:22 +0800 Subject: [PATCH] Add Scrollbar in RecordsList --- .../geomag/ui/screens/records/RecordsList.kt | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/app/src/main/kotlin/com/sanmer/geomag/ui/screens/records/RecordsList.kt b/app/src/main/kotlin/com/sanmer/geomag/ui/screens/records/RecordsList.kt index 722cca7..6a5f724 100644 --- a/app/src/main/kotlin/com/sanmer/geomag/ui/screens/records/RecordsList.kt +++ b/app/src/main/kotlin/com/sanmer/geomag/ui/screens/records/RecordsList.kt @@ -1,11 +1,13 @@ package com.sanmer.geomag.ui.screens.records import androidx.compose.foundation.combinedClickable +import androidx.compose.foundation.gestures.Orientation import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row +import androidx.compose.foundation.layout.fillMaxHeight import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.padding @@ -28,9 +30,12 @@ import androidx.compose.ui.unit.dp import androidx.navigation.NavController import com.sanmer.geomag.R import com.sanmer.geomag.model.Record +import com.sanmer.geomag.ui.component.FastScrollbar import com.sanmer.geomag.ui.component.Logo import com.sanmer.geomag.ui.navigation.animated.createViewRoute import com.sanmer.geomag.ui.utils.navigatePopUpTo +import com.sanmer.geomag.ui.utils.rememberFastScroller +import com.sanmer.geomag.ui.utils.scrollbarState @Composable fun RecordsList( @@ -59,6 +64,16 @@ fun RecordsList( ) } } + + FastScrollbar( + modifier = Modifier + .fillMaxHeight() + .align(Alignment.CenterEnd), + state = state.scrollbarState(), + orientation = Orientation.Vertical, + scrollInProgress = state.isScrollInProgress, + onThumbDisplaced = state.rememberFastScroller(), + ) } @Composable