Jetpack Compose Material3中TabRowDefaults类型不匹配错误修复

这个错误的核心原因是混用了Material 2和Material 3的组件库，导致TabPosition的类型来自不同的包（androidx.compose.material vs androidx.compose.material3），无法兼容。以下是具体修复步骤：

1. 统一使用Material 3或Material 2库 #

方案A：切换到Material 3（推荐，符合最新Compose规范） #

• 确保所有相关组件的导入都是Material 3包：

  import androidx.compose.material3.Tab
  import androidx.compose.material3.TabRow
  import androidx.compose.material3.TabRowDefaults
  import androidx.compose.material3.Text
  

• 如果你用的是Accompanist Pager库，需要引入material3版本的依赖（替换原有的material版本）：

  implementation "com.google.accompanist:accompanist-pager-material3:<latest-version>"
  

• 此时pagerTabIndicatorOffset会自动适配Material3的TabPosition，代码无需修改参数名（pos或it都可以），但要修正Tab的选中状态（之前固定selected = false是错误的）：

  TabRow(
      selectedTabIndex = tabIndex,
      indicator = { positions ->
          TabRowDefaults.Indicator(
              Modifier.pagerTabIndicatorOffset(pagerState, positions)
          )
      },
  ){
      tabList.forEachIndexed{index, text ->
          Tab(
              selected = tabIndex == index, // 绑定选中状态
              onClick = {
                  coroutineScope.launch{
                      pagerState.animateScrollToPage(index)
                  }
              },
              text = { Text(text = text) }
          )
      }
  }
  

方案B：保持使用Material 2 #

• 替换所有相关导入为Material 2包：

  import androidx.compose.material.Tab
  import androidx.compose.material.TabRow
  import androidx.compose.material.TabRowDefaults
  import androidx.compose.material.Text
  

• Accompanist Pager依赖使用material版本：

  implementation "com.google.accompanist:accompanist-pager-material:<latest-version>"
  

• 同样修正Tab的选中状态，确保selected绑定tabIndex == index。

2. 额外注意事项 #

• 不要同时导入Material和Material3的同名组件（比如TabRow），IDE可能会自动导入错误的包，需要手动检查导入列表。
• 确认你的pagerState是来自Accompanist Pager的PagerState，且版本与Material库版本匹配。

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