[Video Tutorial] How to Change the Icons of Your App's Menu
Written by GoodBarber Team on
Some of those navigation modes include icons for each individual section.
In this video tutorial, we’re going to show you how to:
- Add sample sections to your app to visualize the structure of the menu
- Set the icons of your app after you’ve chosen your navigation mode
- Upload your own personal icons
On the right-hand side, you’ll see the five-step process to help guide you through the customization of your app.
The settings of the menu icons are changed in the first step, menu.
You will see all of the navigation templates that you can choose from; however, they don’t all include icons. Only the templates TabBar, Little Swipe, Grid and Classic TabBar use icons.
If you are creating the design of your app for the first time, we suggest you do this process after you’ve chosen the sections of your menu.
Add sample sections to your app to visualize the structure of the menu
Sample sections will help you create the structure of your menu by focusing your attention only on the design.
If on the other hand, you want to first know exactly how many and what kind of sections of your app will have, you should leave the icon modification until the end.
Set the icons of your app after you’ve chosen your navigation mode
Now, by going back to the navigation mode menu and choosing a navigation mode that uses icons, you will be able to configure the settings of that navigation mode, where you’ll also be able to choose and modify the icons.
By clicking on an icon, the library is opened, and you can choose an icon just by clicking on it.
Every time you change the icon, you can immediately see the result in the preview.
Upload your own personal icons
If you want to change the icons after having already chosen a navigation mode, click on the “Edit” button under the preview of your selected navigation mode template.
To apply the new icons to the app, you’ll need to go to the “Publish” menu, then to the changelog, and click on “Update now”. You’ll see a list of all of the modifications you’ve made, and click on “Update”.
As soon as the update is completed, the new icons will be applied to your app’s menu.