Jetpack Compose 自定义漂亮的 TabRow 指示器

在 Android Jetpack 中，Jetpack Compose 是一种现代化的 UI 工具包，它为开发者提供了一种声明式的方式来构建用户界面。当我们使用 Jetpack Compose 来创建标签式的导航时，我们可能希望自定义 TabRow 的指示器，以便使其外观更加美观和个性化。本文将介绍如何使用 Jetpack Compose 自定义一个漂亮的 TabRow 指示器，并提供相应的源代码示例。

首先，我们需要创建一个自定义的指示器组件。可以使用 Jetpack Compose 中的 Box 组件作为容器，并在其中添加一个横向的指示器条。这个指示器条可以根据选中的标签位置进行动态的位置和宽度调整。下面是一个示例的自定义指示器组件的代码：

@Composable
fun CustomTabIndicator(
    tabPositions: List<TabPosition>,
    selectedIndex