Как прикрепить ползунок к нижней части панели в Compose? ⇐ Android

[Anonymous]

Я хочу создать приложение-клон Spotify. Я пытаюсь создать нижнюю панель, похожую на изображение, но мне не удалось прикрепить слайдер внизу без отступов.

Код: Выделить всё

@Composable
fun BottomBarPlayer(
progress: Float,
onProgress: (Float) -> Unit,
isAudioPlaying: Boolean,
audio: Audio,
onStart: () -> Unit,
onNext: () -> Unit
) {
BottomAppBar(content = {
Column(
modifier = Modifier
.height(56.dp),
verticalArrangement = Arrangement.SpaceBetween
) {

ArtistInfo(audio = audio, modifier = Modifier.weight(1f))
Spacer(modifier = Modifier.size(8.dp))
Slider(
value = 0f,
onValueChange = { /*TODO*/ },
modifier = Modifier.fillMaxWidth()
)

}
})
}

@OptIn(ExperimentalGlideComposeApi::class)
@Composable
fun ArtistInfo(
audio: Audio,
modifier: Modifier
) {
Row(horizontalArrangement = Arrangement.Start, verticalAlignment = Alignment.CenterVertically) {
GlideImage(
model = R.drawable.image1,
contentDescription = "Audio Image",
modifier = Modifier
.size(56.dp)
.clip(RoundedCornerShape(8.dp))
)
Spacer(modifier = Modifier.size(4.dp))

Column(verticalArrangement = Arrangement.Center) {
Text(
text = audio.artistName,
fontWeight = FontWeight.Bold,
style = MaterialTheme.typography.titleLarge,
overflow = TextOverflow.Clip,
maxLines = 1
)

Spacer(modifier = Modifier.size(1.dp))

Text(
text = audio.audioName,
fontWeight = FontWeight.Normal,
style = MaterialTheme.typography.bodySmall,
overflow = TextOverflow.Clip,
maxLines = 1
)
}
}
}

введите здесь описание изображения
Я пытался использовать LinearProgressIndicator, потому что думал, что не могу его прикрепить из-за круга.

Подробнее здесь: https://stackoverflow.com/questions/787 ... in-compose