如何在 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,
                        )
                    } }
                    } }

我不知道如何在纯组合中制作它......非常感谢任何帮助

Answer 1

您可以使用底部工作表来实现此目的。

组件文档