Skip to main content

How to use bottom navigation bar in Koduar Creator?

 

How to use bottom navigation bar in Koduar Creator?

How to use bottom navigation bar in Koduar Creator?

Welcome my friends, today we are going to learn "How to use bottom navigation bar in Koduar Creator?" So,we directly start our tutorial on how to use Bottom navigation bar in Kodular Creator.


What is bottom navigation bar?

You might have seen some sort of layout in the bottom of a your screen enabling you to navigate between easily in application.The layout at the bottom used to navigate in between application is called bottom navigation bar in Android Development. In kodular you get a component bottom navigation bar to use this function.

Benifits of using bottom navigation bar:

1. Enables you to give more function to user.
2. Makes application easy to use.
3. Enhances the looking of our application.
4. Makes it easy to navigate in application. 

and much more.....

How to implement Bottom Navigation Bar in Kodular Creator?

Step 1: Open your Project In Kodular Creator in your computer and wait until your project loads.

Step 2: Look for bottom navigation bar under the Layout > Navigation > Bottom Navigation Bar.

How to use bottom navigation bar in Koduar Creator?


Step 3: Drag and drop Bottom navigation Bar to the place wherever you want to use Bottom navigation bar.

Now you have implemented Bottom navigation bar in your project successfully.

Properties of Bottom Navigation Bar:

Properties of Bottom navigation bar



1. Background Color: This set the background color of bottom navigation Bar.

2. Selected Color : This set the color of selected icon and text in bottom navigation Bar.

3. Unselected Color: This set the color of unselected icon and text in bottom navigation Bar.

4. Visible : Sets bottom navigation Bar Visible or Invisible.

Blocks of bottom navigation Bar:

1. Add Item:


How to add item in Bottom Navigation Kodular?

Use: Used to add a button or item in bottom navigation Bar. 

ID: Used to identify any button to carry out an action.

Title: Text shown under the image when selected.

Image: To show image for a button (Use transparent image)


2. Remove all Items:


Remove all items

Use: This block is used to remove all the items from bottom navigation bar.

3. Remove Item:


Remove specific item


Use : To remove a specific item from Bottom Navigation Bar.

Id : Id of item to be removed.

4. Select Item:


Select given item from bottom navigation bar

Use : To Select a specific item from Bottom Navigation Bar.

Id : Id of item to be Selected.


5. Update Item:


Update item in Bottom navigation bar

Use: Used to update a button or item in bottom navigation Bar. 

ID: Id of item to be updated in bottom navigation Bar. 

Title: Text shown under the image when selected.

Image: To show image for a button (Use transparent image)

6. When item selected:


When item selected in Bottom navigation bar?

Use : To do an action when a item is selected in bottom navigation Bar.

Get title : To get title of selected item.

Get id : To get id of selected item.


So, this was all about bottom navigation bar and How to use bottom navigation bar in Kodular Creator. Hope you all got it. We will be back tomorrow again with a new topic.Till then.....

Happy Koding.......
Labels:

Comments

Post a Comment

Popular posts from this blog

Kodular Basics- Getting started with Kodular

What Is Kodular? Kodular is a online software which allows us to make android apps without any programming knowledge. Kodular's enable us to make fantastic android apps using their blocks-type editor.We can make our apps stand out with the material design UI. Using Kodular we can make android apps just by dragging and dropping components provided in Kodular Creator.We also need not to write any code to make our app working. We just have to specify blocks in kodular creator and we are out of the tension to write Codes. Getting Started With Kodular :   For making apps you just need to go to Kodular's Creator and sign up there with your email and activate your account.You can create Kodular account and make apps for free. There aren't any charges to use Kodular Creator. So just go Kodular.io and sign up there and start happy coding and app making.  Kodular Dashboard: After you have signed up for Kodular creator,select the option "Create Apps" and you will be redirect...
Post a Comment
Read

How to use Youtube Player in Kodular Creator?

  Welcome guys, today we are back again with our Today's tutorial on "How to use Youtube Player in Kodular Creator?". Now, let's directly start our tutorial without wasting any more time in Talking... How to use Youtube Player in Kodular Creator? 1. What is Youtube Player? Youtube Player is a component given in Kodular creator which we can implement in our app for free. This component enables us to play any video uploaded on youtube in our app.For playing any Video we only need the video ID of that youtube video which is found in the url of the video. This is like a video player in which we can play and control any youtube video without opening URL of video in Webview and which improve our app UI and UX. 2. Why Youtube Video Player? We use Youtube video player because of many benefits some of them are described as below: 1. To show any tutorial for our app. 2. Can control our app better. 3. This is a UX improving Component. 4. No need to get specific server if we need...
Post a Comment
Read

How to use Firebase database in Kodular?

Welcome to Learn Web my friends. Today we are going to learn about how to retrieve and store data from user in firebase database. This will be surely very exciting and useful for you guys. So, here we start our tutorial on "How to store data of user in Firebase in Kodular?" How to store data of user in Firebase in Kodular? 1. What is Firebase? I think you guys may have listened about Firebase but if not, then don't worry this isn't any rocket science you will easily learn "How to store and retrieve data of user in Firebase?". Firstly I want to tell you about What is Firebase Database? So, firebase is a cloud storage platform provided by google to store and retrieve data and Firebase also provide many other services that we will learn in our next tutorials. Today we are going to talk about "How to use Firebase Database in Kodular?"  2. What is Firebase database in Kodular? Now I would like to tell you what is Firebase database and what we are going ...
Post a Comment
Read