/compose-tab-container

Primary LanguageKotlinMIT LicenseMIT

About

实现Jetpack Compose中Tab切换管理功能，详细介绍地址点击：这里

Demo

// Tab类型
private enum class TabType {
    Home,
    Video,
    Me,
}

@Composable
private fun Tabs(
    modifier: Modifier = Modifier,
    selectedTab: TabType,
) {
    // Tab容器
    TabContainer(
        // 当前选中的Tab类型
        selectedKey = selectedTab,
        modifier = modifier.fillMaxSize(),
    ) {
        // 设置Tab类型对应的UI
        tab(TabType.Home) {
            TabContent(TabType.Home)
        }

        tab(TabType.Video) {
            TabContent(TabType.Video)
        }

        tab(
            key = TabType.Me,
            display = { content, selected ->
                // 自定义display，选中的时候才添加可组合项
                if (selected) content()
            },
        ) {
            TabContent(TabType.Me)
        }
    }
}