# \[Solved\] how to change tab navigator icons

**URL:** https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735
**Category:** Questions about Thunkable X
**Tags:** solved, beginner, tab-navigator
**Created:** [February 27, 2020, 4:26am UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735 "2020-02-27T04:26:39Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![jakepalanca](https://avatars.discourse-cdn.com/v4/letter/j/7cd45c/32.png) [@jakepalanca](https://community.thunkable.com/u/jakepalanca)
#### Post date: [February 27, 2020, 4:26am UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/1 "2020-02-27T04:26:39Z")

</div>

How do I change the height and icon of bottom tab navigator?

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [February 27, 2020, 5:06pm UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/2 "2020-02-27T17:06:21Z")

</div>

Hey @jakepalanca

When you add a screen into a navigator, that screen will then get some new properties.

The one you’re looking for is called `ActiveTabIcon`

![Screenshot 2020-02-27 at 16.51.57](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/a/6a9651945e0e4999335a0e331e633e65819abb1e.png)

Hope that helps!

---

<div class="post-metadata">

### Author: ![jakepalanca](https://avatars.discourse-cdn.com/v4/letter/j/7cd45c/32.png) [@jakepalanca](https://community.thunkable.com/u/jakepalanca)
#### Post date: [February 28, 2020, 5:17am UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/3 "2020-02-28T05:17:22Z")

</div>

thank you!

I have another question that has to with this topic? How do i center the label and icon and change the height of the tab navigator?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/8/9869321c7cc340a6e797712ede60060761a2522d.png)

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [February 28, 2020, 9:37am UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/4 "2020-02-28T09:37:55Z")

</div>

Which label are you trying to centre @jakepalanca?

I think the height of the navigator is fixed, are you interested in making it taller or shorter?

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [February 28, 2020, 3:39pm UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/5 "2020-02-28T15:39:45Z")

</div>

Speaking of this being a fixed height. Is there any way to lower where it presents itself? On my app, there is a small white space between the bottom of the navigator bar and the bottom of my screen, wasted screen space. Is this an iOS problem? (i will try to lower my margins today btw, as a fix)

---

<div class="post-metadata">

### Author: ![jakepalanca](https://avatars.discourse-cdn.com/v4/letter/j/7cd45c/32.png) [@jakepalanca](https://community.thunkable.com/u/jakepalanca)
#### Post date: [February 28, 2020, 7:11pm UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/6 "2020-02-28T19:11:53Z")

</div>

i’m trying to get all my labels closer to the bottom so that the padding in between each is proportional and looks like other nav bars… and trying to make it shorter

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [February 28, 2020, 9:15pm UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/7 "2020-02-28T21:15:53Z")

</div>

@jakepalanca it’d be worth installing this on your iPhone before you spend too much more time on this.

The best way to get an accurate view of what your app will look like is installed on a device

---

<div class="post-metadata">

### Author: ![Adi\_Nugroho](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/adi_nugroho/32/8882_2.png) [@Adi\_Nugroho](https://community.thunkable.com/u/Adi_Nugroho)
#### Post date: [March 1, 2021, 3:07am UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/8 "2021-03-01T03:07:59Z")

</div>

I don’t see this option on drag and drop interface, please show me how to change the tab navigator icon on drag and drop interface… i just fell in love with it the drag and drop interface…

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 11:40am UTC](https://community.thunkable.com/t/solved-how-to-change-tab-navigator-icons/486735/9 "2024-11-08T11:40:44Z")

</div>


