Jetpack Compose多@PreviewParameter报错，如何实现多参数预览？

Jetpack Compose的@Preview注解确实不允许同时使用多个@PreviewParameter，这就是你遇到编译错误的原因。正确的处理方式就是创建一个能提供组合参数的PreviewParameterProvider，具体步骤如下：

1. 定义封装参数的数据类
   把Composable需要的两个参数打包成一个数据类，方便统一传递：

   data class ComposableInput(
       val firstParam: String,
       val secondParam: Boolean
   )
   

2. 实现组合参数的PreviewParameterProvider
   编写一个Provider类，返回包含多组测试参数的序列：

   class ComposableInputProvider : PreviewParameterProvider<ComposableInput> {
       override val values = sequenceOf(
           ComposableInput("默认场景", true),
           ComposableInput("边界测试", false)
       )
   }
   

3. 在预览函数中使用该Provider
   在预览函数里通过单个@PreviewParameter获取组合参数，再拆解传递给目标Composable：

   @Preview
   @Composable
   fun TargetComposablePreview(
       @PreviewParameter(ComposableInputProvider::class) input: ComposableInput
   ) {
       TargetComposable(
           firstParam = input.firstParam,
           secondParam = input.secondParam
       )
   }
   

这种方式不仅能绕过多@PreviewParameter的限制，还能通过sequenceOf定义多组测试数据，快速预览不同参数组合下的Composable效果。如果只是简单测试，也可以直接在预览函数里硬编码参数值，但封装Provider的方式扩展性更强，适合复杂场景。

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