[Paid] SmoothMenuBar - New way for creating Bottom or Top Menu

[nikzdevz]

Write a short description

Using this Extension you can create the menu bar inside any Horizontal or Vertical Arrangement.

Add a picture of all the blocks

Write instructions to use your extension

Using this Block you can create the menu bar inside any Horizontal or Vertical Arrangement.
Following are the way to use blocks -
Arrangement - In this you have set your Horizontal Or Vertical Arrangement with Height and width defined for menu

BackgroundColor - Hex Code of Background Color of Menu

SliderColor - Hex code of color of card moves on Click

OptionList - List of Strings of all the option you want.

IconsList - List of icons name if it is image then every item in list must be Icon Filename with its format and then the parameter IconFont must be blank, if its font then every item must contain the icon name also font file name must be defined in IconFont parameter.

ActiveOption - This parameter will set the sliding card behind the Option when menu created
IconFont - Name the file of the font you are using for icon but remember if you are using image icon then leave it blank text.
TextIcon - Name the file of the font you are using for Text if you want any else leave it blank
TextColor - Hex code of Color of the text You want to set for option text and icon if used

This event will be triggered when any option got long Clicked. Here option will give the string value of option name which got long clicked.

This event will be triggered when any option got Clicked. Here option will give the string value of option name which got clicked.

using this block you can modify the card moving behind on click.

Example

In above example i have used font awesome icon and in icon list i have give all the unicode glyph of icon.

Preview

How to buy?

Just sent me a personal message.
Price-
Gpay,PhonePe,Paytm - Rs.500
Paypal - $9

[hemantadahalofficial (Neo Developer)]

Wow… great…wants to buy…pm u broo

[Chocoduba_BR (Gabriel Andrade)]

Good extension, if you want, it will br good to add a ID on .Create block equal the botton navigation component, it will reduce this significant amount of blocks

[nikzdevz]

@Chocoduba_BR

if you want, it will br good to add a ID

Do you mean index of option?

[nikzdevz]

@hemantadahalofficial

Wow… great

Thanks you so much @hemantadahalofficial

[hemantadahalofficial (Neo Developer)]

Name & work is similar broo no bugs or lag by using this extension… love it i think i m the fist

[nikzdevz]

@hemantadahalofficial

i think i m the fist

You Are…

[Chocoduba_BR (Gabriel Andrade)]

something like that, in bottom navigation has a id so its easy to select the arrangement

Anyway, i like very much this extension and maybe i will use this on future

[hemantadahalofficial (Neo Developer)]

But i don’t think that why u excuse on this it’s works like the same buddy. He use the vertical for showing the screen not for the extension I don’t know that u understand or not…but i m​

[yashaggarwal376 (Yash Aggarwal)]

Amazing extension my boy i like it and works well on my phone

[The_K_Studio (Karan M.)]

Nice extension. Good work.

But the extension name isn’t looking relevant, it may be like Advanced bottom navigation menu or something related to bottom navigation manu.

[nikzdevz]

This is similar as

@The_K_Studio

name isn’t looking relevant

even i think so but if you or anyone can suggest i will surely change the name

[Taifun]

please follow the naming conventions, adjust and republish the extension
thank you

Naming conventions for extension developers

If you are developing an extension, then please follow the naming conventions, which is UpperCamelCase for the package name as well as for property, method and event names (i.e. the first letter should be a capital letter) and lowerCamelCase for parameter names, no underscores . Example [naming] What does UpperCamelCase mean? UpperCamelCase (part of CamelCase ) is a naming convention in which a name is formed of multiple words that are joined together as a single word with the first l…

Taifun

[nikzdevz]

@Taifun

republish the extension

Yes after getting the name suggestion I will follow the naming convention

[nikzdevz]

i just forgot to tell that you can also create scrollable bottom like below

[AtharvaPawar]

Honest opinion, if i were to see something like this i wouldn’t notice there are extra tabs/icons unless i would scroll. There should be a small indicator or something like ... somewhere in the right bottom corner to let the users know they are extra tabs that are not currently visible

[nikzdevz]

@AtharvaPawar

Honest opinion, if i were to see something like this i wouldn’t notice there are extra tabs/icons

yes that i know,i just gave an example
you can set width of menu bar according to your need by setting it from designer of arrangement you are using for menu

in above video i have set width of bottom bar to 450px
as you can see below
in below example i have decreased the width of vertical arrangement 1 to 400 and got this result

[iamwsumit (Sumit Kumar)]

It can be easily possible with animation utility!
BTW nyc extension

[nikzdevz]

@iamwsumit

It can be easily possible with animation utility!

Give a Try… you can create nearly similar to it

[iamwsumit (Sumit Kumar)]

@nikzdevz

Give a Try…

No need to try I am sure It can with animation utility