Below are the define steps to follow if you want to customized the Bottom Navigation Bar of the GluedIn SDK.
- Integrate the Android No Code GluedIn SDK into your app by following the steps mentioned in the Link.
- While initializing the GluedIn SDK, use the “setCustomNavigationMenu" method to send the customize menu options. This method accepts the mutable map as a parameter.
setCustomNavigationMenu(getCustomNavigationMenu())
- You need to create menu map of the Custom menus using the “MenuItem" class of GluedIn SDK. Refer the code below
private fun getCustomNavigationMenu(): MutableMap {
val map = mutableMapOf()
map[BottomBarItemType.CUSTOMISED.name] = getMyHome()
map[BottomBarItemType.Feed.name] = getCustomFeedMenu()
return map
}
private fun getMyHome(): MenuItem {
return MenuItem(
title = "Home", icon = R.drawable.ic_home, type = BottomBarItemType.CUSTOMISED, uriAction = "uri_action"
)
}
private fun getCustomFeedMenu(): MenuItem {
return MenuItem(
title = "My Feed", icon = R.drawable.ic_feed, type = BottomBarItemType.FEED
)
}
- You can change the background color of the Bottom Navigation Menu by adding below color code in "gluedin_configurations.json" file. Refer the code below:
{
"themeConfig": {
"appColor": {
"buttonColor": "",
"tabBarColor": "",
"textPrimaryColor": "",
"textSecondaryColor": "",
"disableBackgroundColor": "",
"defaultColor": "",
"inActiveColor": "",
"buttonGradientColor": "",
"bottomBarBackgroundColor": "" // set the background color of the navigation menu
},
"appFont": {
"regular": "",
"medium": "",
"bold": ""
}
}
}
