如何在 Jetpack Compose 中创建音乐播放器卡

Question

我想像这个例子一样在屏幕底部创建一个卡片来显示当前正在播放的曲目,

我想显示当前正在播放的曲目...然后单击展开以覆盖屏幕。

我目前是这样在屏幕上显示曲目,

 @Composable
 fun MainScreenScaffold(viewModel: TrackListViewModel){
   val context = LocalContext.current

    Scaffold(topBar = { LushTopBar(context = context) }
    ){
    MainScreenMusicList(viewModel.musicList)
   }
   }

            @Composable
            fun MainScreenMusicList(musicList: List<Track>){
            LazyColumn(modifier = Modifier.fillMaxHeight(0.90f)){
            item {
                musicList.forEach {
                track ->
                        TrackCard(
                            title = track.track_title,
                            Artist = track.track_artist,
                            album = track.track_album,
                            length = track.track_length,
                            isSelected = false,
                        )
                    } }
                    } }

我不知道如何用 pure compose 制作它...非常感谢任何帮助

Answer 1

您可以使用底部 sheet 来实现此目的。

Component documentation

如何在 Jetpack Compose 中创建音乐播放器卡

How to create a music player card in jetpack compose

android

kotlin

android-jetpack-compose