BottomNavigation

Last Updated On 2021-07-16

Version 1MinSDK 7Tutorial Video

Bottom navigation view

Properties

You can set the below properties in the UI part of the builder.

  • BackgroundColor - it's a color value which is set to &hffffffff by default.
  • HeihMargin - it's a four value which is set to 0,0,0,0 by default.
  • HeihPadding - it's a four value which is set to 0,0,0,0 by default.
  • IconSelectedColor - it's a color value which is set to &hff0000ff by default.
  • IconUnSelectedColor - it's a color value which is set to &hff888888 by default.
  • MarginBottom - it's a non negative float value which is set to 0 by default.
  • MarginLeft - it's a non negative float value which is set to 0 by default.
  • MarginRight - it's a non negative float value which is set to 0 by default.
  • MarginTop - it's a non negative float value which is set to 0 by default.
  • PaddingBottom - it's a non negative float value which is set to 0 by default.
  • PaddingLeft - it's a non negative float value which is set to 0 by default.
  • PaddingRight - it's a non negative float value which is set to 0 by default.
  • PaddingTop - it's a non negative float value which is set to 0 by default.
  • RippleColor - it's a color value which is set to &hff0000ff by default.
  • TitleSelectedColor - it's a color value which is set to &hff0000ff by default.
  • TitleUnSelectedColor - it's a color value which is set to &hff888888 by default.
  • Visible - it's a visibility value which is set to true by default.

Block Properties

You can set the below blocks properties in the blocks section of the builder.

BackgroundColor

Property for BackgroundColor

setBottomNavigation ▾.BackgroundColor ▾ to 

Height

Specifies the vertical height of the NiotronBottomNavigation, measured in pixels.

setBottomNavigation ▾.Height ▾ to 
BottomNavigation ▾.Height ▾

HeightPercent

Specifies the vertical height of the NiotronBottomNavigation as a percentage of the height of the Screen.

setBottomNavigation ▾.HeightPercent ▾ to 

IconSelectedColor

Property for IconSelectedColor

setBottomNavigation ▾.IconSelectedColor ▾ to 

IconUnSelectedColor

Property for IconUnSelectedColor

setBottomNavigation ▾.IconUnSelectedColor ▾ to 

MarginBottom

Property for MarginBottom

setBottomNavigation ▾.MarginBottom ▾ to 

MarginLeft

Property for MarginLeft

setBottomNavigation ▾.MarginLeft ▾ to 

MarginRight

Property for MarginRight

setBottomNavigation ▾.MarginRight ▾ to 

MarginTop

Property for MarginTop

setBottomNavigation ▾.MarginTop ▾ to 

PaddingBottom

Property for PaddingBottom

setBottomNavigation ▾.PaddingBottom ▾ to 

PaddingLeft

Property for PaddingLeft

setBottomNavigation ▾.PaddingLeft ▾ to 

PaddingRight

Property for PaddingRight

setBottomNavigation ▾.PaddingRight ▾ to 

PaddingTop

Property for PaddingTop

setBottomNavigation ▾.PaddingTop ▾ to 

RippleColor

Property for RippleColor

setBottomNavigation ▾.RippleColor ▾ to 

SelectItem

Property for SelectItem

setBottomNavigation ▾.SelectItem ▾ to 

TitleSelectedColor

Property for TitleSelectedColor

setBottomNavigation ▾.TitleSelectedColor ▾ to 

TitleUnSelectedColor

Property for TitleUnSelectedColor

setBottomNavigation ▾.TitleUnSelectedColor ▾ to 

Visible

Specifies whether the NiotronBottomNavigation should be visible on the screen. Value is true if the NiotronBottomNavigation is showing and false if hidden.

setBottomNavigation ▾.Visible ▾ to 
BottomNavigation ▾.Visible ▾

Width

Specifies the horizontal width of the NiotronBottomNavigation, measured in pixels.

setBottomNavigation ▾.Width ▾ to 
BottomNavigation ▾.Width ▾

WidthPercent

Specifies the horizontal width of the NiotronBottomNavigation as a percentage of the width of the Screen.

setBottomNavigation ▾.WidthPercent ▾ to 


Methods

You can set the below method blocks in the blocks section of the builder.

ClearAllItem

Method for ClearAllItem

callBottomNavigation ▾.ClearAllItem
ClearItem

Method for ClearItem

callBottomNavigation ▾.ClearItemposition
addItem

Method for addItem

callBottomNavigation ▾.addItemtexticonposition

Events

You can set the below event blocks in the blocks section of the builder.

OnItemReSelected

Event for OnItemReSelected

whenBottomNavigation ▾.OnItemReSelected title do
OnItemSelected

Event for OnItemSelected

whenBottomNavigation ▾.OnItemSelected title do