A modern programming language that makes developers happier.

kotlinlang

Screenshot 2022-10-27 at 11.41.35.png

I have scrollable tab row. Need to put loading indicator full width bellow it.  Is this achievable?

Indicator just follow width of tabs :disappointed:

I guess you could simply put `Modifier.fillMaxWidth()` on the indicator? :thinking_face:

Thx man, Tried it already does not work. Found hack to add lists in column and present it when needed on top of list :face_with_head_bandage:

But what structure do you have? I think this one should work okay:
```Column {
   SomeScrollableRowWithTabs()
   Indicator(Modifier.fillMaxWidth())
}```

```    Column(modifier = Modifier.background(Style.colors.appBackground).fillMaxWidth()) {
        ScrollableTabRow(
            selectedTabIndex = pagerState.currentPage,
            containerColor = Style.colors.content,
            edgePadding = 5.dp,
            modifier = Modifier.height(50.dp).widthIn(min = 1000.dp),
            divider = {},
            indicator = {}
        ) {
            val scope = rememberCoroutineScope()
            state.tabs.forEachIndexed { index, tab -&gt;
                val isSelected = pagerState.currentPage == index
                Tab(
                    selected = isSelected,
                    onClick = {
                        scope.launch {
                            pagerState.animateScrollToPage(index)
                        }
                    },
                    modifier = Modifier
                        .background(Style.colors.content)
                        .height(30.dp)
                        .clip(RoundedCornerShape(50))
                        .background(
                            if (isSelected) Style.colors.inputActive else Style.colors.content
                        ),
                    text = {
                        Text(
                            text = tab.title,
                            style = Style.typography.bodyBold,
                            color = if (isSelected) Style.colors.textLink else Style.colors.textStandard,
                        )
                    })
            }
        }

        HorizontalPager(
            count = state.tabs.size,
            state = pagerState
        ) { page -&gt;
            CommunityPage(
                tab = state.tabs.elementAt(page),
                actionManager = actionManager,
                navigateToPostGalleryView = navigateToPostGalleryView,
                openComments = openComments
            )
        }
    }
    LinearProgressIndicator(
        modifier = Modifier.fillMaxWidth(),
        trackColor = Style.colors.appBackground,
        color = colorResource(
            id = R.color.light_blue
        ),
        progress = 0.5f
    )
}```


Oh, hm :thinking_face:
Did you try to put indicator between `ScrollableTabRow` and `HorizontalPager` ?