sk-tabbar
0.0.20_1.2.6indexedComponent for managing a bottom screen tab bar, offering customizable tab configurations, stack management, and theming options for enhanced user interface design.
2
Stars
—
Used by
dependents
—
Health
/ 100
Component for managing a bottom screen tab bar, offering customizable tab configurations, stack management, and theming options for enhanced user interface design.
un composant Skot pour gérer une barre d'onglets en bas de l'écran Pour l'instant seule la version android "legacy" est disponible
Pour utiliser la librairie vous devez ajouter la ligne suivante à votre fichier skot_librairies.properties de votre app ou de votre feature
com.github.skot-framework.sk-tabbar:0.0.1_1.0.0-alpha55,getSkTabbarModule
dans le cas d'une feature vous devez également vous-même ajouter le module getSkTabbarModule
dans votre liste de modules
ajouter le composant BottomNavFrameVC à votre écran
interface MyScreenVC : SKScreenVC {
val bottomNav: BottomNavFrameVC
val loader: SKLoaderVC
}
ajouter à votre layout l'include bottom_nav_frame
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android" =
= =>
vous devez fournir des valeurs pour le theming :
(ici avec juste les valeurs par dafaut)
<item name="sk_tabbar_bottom_nav_frame_linear">@style/sk_tabbar_bottom_nav_frame_linear_default</>
@style/sk_tabbar_simpletab_label_default
@style/sk_tabbar_simpletab_tvcenter_default
@style/sk_tabbar_simpletab_ivicon_default
le constructeur de BottomNavFrame prend en paramètre des BottomNavFrame.TabConf
TabConf consiste en un Tab et un écran racine (nullable si il s'agit d'un faux onglet/bouton)
Vous pouvez ajouter une TabConf avec un Tab de votre fabrication,
la librairie fournie SimpleTab
ou utiliser
BottomNavFrame.tabWithStack qui va gérer une stack associée à l'onglet,
on lui passe un lambda de création de l'écran racine
Au tap sur le tab, si il est déjà sélectionné, la stack est réinitilisée (le lambda de création de la racine est ré-appelé)
val tabEShop = BottomNavFrame.tabWithStack(
tab = SimpleTab(
label = strings.tabbar_Eshop,
selectedIcon = icons.icn_tabb_eshop_on,
unSelectedIcon = icons.icn_tabb_eshop_off,
translateY = true
),
rootScreen = { EShop() }
)
val basketTab = SimpleTab(
label = strings.tabbar_Panier,
unSelectedIcon = icons.icn_tabb_totebag_unselected
).apply {
onSelect = {
myActionOnTapBasket()
}
}
val tabAccount = BottomNavFrame.tabWithStack(
tab = SimpleTab(
label = strings.tabbar_Compte,
selectedIcon = icons.icn_tabb_compte_selected,
unSelectedIcon = icons.icn_tabb_compte_unselected
),
rootScreen = { Account() }
)
override val bottomNav: BottomNavFrame = BottomNavFrame(
tabEShop,
BottomNavFrame.TabConf(
tab = basketTab,
screen = null,
),
tabAccount
)
Surfaced from shared tags and platforms — no rankings paid for.