MagicTabLayout
An efficient TabLayout library implemented in Jetpack Compose
Anatomy
- MagicTabLayout
- tabIndicatorColor (Optional, default value: blue)
- MagicTabItem
- MagicTabItem title
Including in your project
Gradle
Add below codes to your root build.gradle file (not your module build.gradle file).
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
And add a dependency code to your module's build.gradle file.
dependencies {
implementation 'com.github.iamageo:MagicTabLayout:1.0.1'
}
Basic Usage
Add in you Activity file.
/* specify your tabs */
val tabs = listOf(
MagicTabItem(title = "Home") { TabItemTest(item = "tab1") },
MagicTabItem(title = "Favorites") { TabItemTest(item = "tab2") },
MagicTabItem(title = "Settings") { TabItemTest(item = "tab3") },
)
Column() {
MagicTabLayout(
tabIndicatorColor = Color.Blue,
tabColor = Color.White,
tabList = tabs,
)
}
/* in this case TabItemTest contains bellow composable function, but you can pass your functions */
@Composable
fun TabItemTest(item: String) {
Column(
modifier = Modifier.fillMaxSize(),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(
text = item,
color = Color.Black,
)
}
}
License
Copyright 2022 Geovani Amaral
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
290 Dec 29, 2022
5 Dec 27, 2022
23 Apr 7, 2022
0 Jan 4, 2022
1 Apr 11, 2022
15 Nov 24, 2022
1.3k Dec 9, 2022
8 Oct 15, 2022
4 Aug 25, 2022
180 Jan 2, 2023
714 Dec 25, 2022
10.8k Jan 5, 2023
7 May 16, 2022
291 Dec 1, 2022
660 Dec 20, 2022
93 Dec 20, 2022
18 Dec 15, 2022
21 Feb 6, 2021
1 Jan 26, 2022
1 Jul 11, 2022
21 Dec 10, 2022
831 Dec 26, 2022
88 Dec 11, 2022
5 Dec 26, 2021
8 Dec 28, 2022
5 Nov 24, 2022
3 Jul 27, 2022