[fluent] Add TabView.

[Sanlorng]

Components

1. TabRow
2. TabItem
   Style: 1. InContentArea(default) 2. InTitleBar

Screenshot

Basic Usage

val selectedKey = remember { mutableIntStateOf(0) }
val items = remember { mutableStateListOf(*Array(10) { it }) }
val state = rememberLazyListState()
val endDividerController = rememberTabItemEndDividerController(
    selectedKey = { selectedKey.value },
    state = state
)
TabRow(
    state = state,
    selectedKey = { selectedKey.value },
    modifier = Modifier.fillMaxWidth()
) {

    itemsIndexed(items, key = { _, item -> item }) { index, item ->
        val interactionSource = remember { MutableInteractionSource() }
        TabItem(
            selected = item == selectedKey.value,
            onSelectedChanged = { selectedKey.value = item },
            endDividerVisible = endDividerController.attach(item, interactionSource),
            interactionSource = interactionSource,
            text = {Text("Item ${item + 1}")},
            trailing = {
                val isHovered = interactionSource.collectIsHoveredAsState()
                if (isHovered.value) {
                    TabViewDefaults.TabCloseButton(
                        onClick = {
                            val isSelected = selectedKey.value == item
                            items.remove(item)
                            if (isSelected) {
                                selectedKey.value = items.getOrNull(index) ?: items.getOrNull(index - 1) ?: 0
                            }
                        }
                    )
                }
            },
            modifier = Modifier.widthIn(160.dp).animateItemPlacement(),
        )
    }

    item {
        TabViewDefaults.TabAddButton(
            onClick = {
                items.add(items.lastOrNull()?.plus(1) ?: 0)
            }
        )
    }
}

[yaroslavkulinich]

Where to put my like or star to make all your Pull Requests accepted?=)

[Sanlorng]

Where to put my like or star to make all your Pull Requests accepted?=)

Subscribe the PR that you want to observe