Jetpack Compose中如何在MusicsScreen读取JSON展示歌曲信息？

一、读取assets文件的可行方案 #

方案1：在Activity中读取数据后传递给Compose屏幕 #

既然你已经能在MainActivity中成功读取assets文件，最直接的方式就是在Activity中完成数据解析，再把解析好的歌曲列表作为参数传给MusicsScreen：

// MainActivity.kt
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            // 读取并解析数据
            val musicList = readMusicsFromAssets(applicationContext)
            MusicsScreen(musicList = musicList)
        }
    }

    private fun readMusicsFromAssets(context: Context): List<Music> {
        val jsonString = context.assets.open("musics.json").bufferedReader().use { it.readText() }
        // 用你习惯的JSON解析库（比如Gson/Moshi）转成实体类列表
        return Gson().fromJson(jsonString, object : TypeToken<List<Music>>() {}.type)
    }
}

// MusicsScreen.kt
@Composable
fun MusicsScreen(musicList: List<Music>) {
    // 渲染歌曲列表
    LazyColumn {
        items(musicList) { music ->
            Column(modifier = Modifier.padding(16.dp)) {
                Text(text = music.title, fontSize = 18.sp, fontWeight = FontWeight.Bold)
                Text(text = music.author, fontSize = 14.sp, color = Color.Gray)
            }
            Divider()
        }
    }
}

// 定义Music实体类
data class Music(val title: String, val author: String)

方案2：在Compose中通过LocalContext获取上下文 #

Compose提供了LocalContext可以直接在Composable函数中获取上下文，无需从Activity传递：

// MusicsScreen.kt
@Composable
fun MusicsScreen() {
    val context = LocalContext.current
    // 用remember避免每次重组都重复读取数据
    val musicList = remember {
        readMusicsFromAssets(context)
    }

    LazyColumn {
        items(musicList) { music ->
            Column(modifier = Modifier.padding(16.dp)) {
                Text(text = music.title, fontSize = 18.sp, fontWeight = FontWeight.Bold)
                Text(text = music.author, fontSize = 14.sp, color = Color.Gray)
            }
            Divider()
        }
    }
}

private fun readMusicsFromAssets(context: Context): List<Music> {
    val jsonString = context.assets.open("musics.json").bufferedReader().use { it.readText() }
    return Gson().fromJson(jsonString, object : TypeToken<List<Music>>() {}.type)
}

注意：如果是大文件读取，不要在remember中同步执行，应该用LaunchedEffect配合协程异步加载，再用状态变量更新UI。

二、新手学习方向建议 #

• Jetpack Compose核心：重点掌握Composable函数生命周期、状态管理（remember、MutableState、StateFlow）、布局系统（Column/Row/LazyColumn等）和主题定制，这是Compose开发的基础。
• Android Context认知：搞清楚Application Context和Activity Context的区别，明确不同场景下的使用规范，避免上下文误用导致的内存泄漏。
• 数据处理能力：学习JSON解析库（Gson/Moshi）的使用，了解本地数据存储的多种方式（assets、SharedPreferences、Room数据库），掌握异步数据加载的处理逻辑。
• 架构模式：从MVVM架构入手，结合Jetpack的ViewModel、LiveData/Flow，学会分离UI层和业务逻辑层，让代码结构更清晰、易维护。
• Kotlin进阶：深入学习Kotlin协程、Flow、扩展函数、空安全等特性，这些是提升Android开发效率和代码质量的关键。

内容的提问来源于stack exchange，提问作者Tessan