如何在 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

您可以使用底部工作表來實現此目的。

組件文檔