SmartTabs
A simple library that helps us to sync a TabRow with a LazyColumn. The motives behind creating it can be found in this post.
Installation
In the project's build.gradle file you need to add the maven central repository:
repositories {
mavenCentral()
}
In the module's build.gradle file you need to add the following dependency:
implementation("com.quadible:smart-tabs:1.0.0")
Usage
Apart from our dataset (that needs to contain simple and header items), we need to define:
- a function that makes it easier for
SmartTabsListto distinguish header items in the dataset. - a composable that defines how the simple and header items will be rendered in the
LazyColumn. - a composable that defines how the header items will be rendered in the
TabRow.
// We assume that we have the following composables.
// Item: Specifies how every item (header or not) will be rendered in LazyColumn
// Tab: Specifies how every header will be rendered in TabRow
val content = // list of items (they contains also the headers)
SmartTabsList(
smartTabsContent = content,
isTab = { itemFromContent -> /* check if this is a header or not */ },
smartTab = { headerItem, isSelected -> Tab(headerItem, isSelected) },
smartItem = { itemFromContent -> Item(itemFromContent) }
)
Preview
548 Jan 7, 2023
14 Dec 21, 2022
23 Aug 24, 2022
9 Jul 5, 2022
43 Dec 29, 2022
10 Nov 23, 2022
73 Dec 24, 2022
176 Nov 22, 2022
59 Dec 14, 2022
47 Nov 16, 2022
38 Sep 25, 2022
186 Jan 1, 2023
382 Jan 5, 2023
3 Dec 31, 2022
1 Aug 11, 2022
180 Jan 2, 2023
5 Apr 5, 2022
3 Dec 15, 2022
5 Dec 29, 2022