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


Height

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


HeightPercent

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


MarginBottom

Property for MarginBottom


MarginLeft

Property for MarginLeft


MarginRight

Property for MarginRight


MarginTop

Property for MarginTop


PaddingBottom

Property for PaddingBottom


PaddingLeft

Property for PaddingLeft


PaddingRight

Property for PaddingRight


PaddingTop

Property for PaddingTop


Visible

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


Width

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


WidthPercent

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



Methods

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

AddItem

Method for AddItem

Create

Method for Create

GetActiveItemPosition

Method for GetActiveItemPosition

SetActiveItemPosition

Method for SetActiveItemPosition

Toggle

Method for Toggle


Events

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

ErrorOccurred

Event for ErrorOccurred

OnPositionChanged

Event for OnPositionChanged