ChipNavigationBar

Last Updated On 2021-07-16

Version 1MinSDK 7Tutorial Video

A navigation bar widget inspired on Bottom Navigation mixed with Chips component

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.
  • 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.
  • 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

setChipNavigationBar ▾.BackgroundColor ▾ to 

Height

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

setChipNavigationBar ▾.Height ▾ to 
ChipNavigationBar ▾.Height ▾

HeightPercent

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

setChipNavigationBar ▾.HeightPercent ▾ to 

MarginBottom

Property for MarginBottom

setChipNavigationBar ▾.MarginBottom ▾ to 

MarginLeft

Property for MarginLeft

setChipNavigationBar ▾.MarginLeft ▾ to 

MarginRight

Property for MarginRight

setChipNavigationBar ▾.MarginRight ▾ to 

MarginTop

Property for MarginTop

setChipNavigationBar ▾.MarginTop ▾ to 

PaddingBottom

Property for PaddingBottom

setChipNavigationBar ▾.PaddingBottom ▾ to 

PaddingLeft

Property for PaddingLeft

setChipNavigationBar ▾.PaddingLeft ▾ to 

PaddingRight

Property for PaddingRight

setChipNavigationBar ▾.PaddingRight ▾ to 

PaddingTop

Property for PaddingTop

setChipNavigationBar ▾.PaddingTop ▾ to 

Visible

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

setChipNavigationBar ▾.Visible ▾ to 
ChipNavigationBar ▾.Visible ▾

Width

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

setChipNavigationBar ▾.Width ▾ to 
ChipNavigationBar ▾.Width ▾

WidthPercent

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

setChipNavigationBar ▾.WidthPercent ▾ to 


Methods

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

AddItem

Method for AddItem

callChipNavigationBar ▾.AddItemtitleiconactiveColorinactiveColorid
Create

Method for Create

callChipNavigationBar ▾.Create
GetActiveItemPosition

Method for GetActiveItemPosition

callChipNavigationBar ▾.GetActiveItemPosition
SetActiveItemPosition

Method for SetActiveItemPosition

callChipNavigationBar ▾.SetActiveItemPositionposition
Toggle

Method for Toggle

callChipNavigationBar ▾.Toggleid

Events

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

ErrorOccurred

Event for ErrorOccurred

whenChipNavigationBar ▾.ErrorOccurred error do
OnPositionChanged

Event for OnPositionChanged

whenChipNavigationBar ▾.OnPositionChanged position do