# Can someone explain the Navigation options more

**URL:** <https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909>\
**Category:** Questions about Thunkable X\
**Created:** [June 11, 2019, 5:48am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909 "2019-06-11T05:48:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 11, 2019, 5:48am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/1 "2019-06-11T05:48:13Z")

</div>

There really isn’t any information on the navigation options blocks within the screen drawer. What are they and how do I use them or change them? Are they to set which screens can be visible to certain users? Please include these types of blocks in the documentation in the future. Thank you.

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [June 11, 2019, 6:39am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/2 "2019-06-11T06:39:17Z")

</div>

Check it out : [https://docs.thunkable.com/tab-navigator](https://docs.thunkable.com/tab-navigator) 🙂

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 11, 2019, 6:47am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/3 "2019-06-11T06:47:09Z")

</div>

My apologies. I thought I’d mentioned, or at least hoped to imply with my request for these types of blocks to be included, I have already looked at the documents. In fact, that was the first place I looked, the second was YouTube. The Navigation Options blocks within the screen drawers and not explained anywhere that I have found them, hence me writing this request. I appreciate your willingness to help however.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 11, 2019, 10:06am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/4 "2019-06-11T10:06:12Z")

</div>

I understand correctly that you are interested in the documentation on the options Navigation, which are located on the tabs Simple and Advamced?

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 12, 2019, 8:51pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/5 "2019-06-12T20:51:48Z")

</div>

I am not finding that documentation. Do you have a link by chance?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 13, 2019, 8:46am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/6 "2019-06-13T08:46:49Z")

</div>

Try to watch it.

[http://droidscript.ru/main/statyi/thunkableios\_objects.php](http://droidscript.ru/main/statyi/thunkableios_objects.php)

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 13, 2019, 9:33am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/7 "2019-06-13T09:33:32Z")

</div>

This is the block I cant find documentation on.

 ![nav%20options](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/6/c67a4fe2c26ae443d8b5441cb40fa1f2529deca4.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:** [June 13, 2019, 10:04am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/8 "2019-06-13T10:04:26Z")

</div>

The purple `do something` block in available from the functions drawer,

while the green `from Screen1 set Tab Navigation Options to` block is is to be found in the Screen1 drawer!

Hope that helps.

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 13, 2019, 11:36am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/9 "2019-06-13T11:36:42Z")

</div>

LOL I thought I was rather clear what it was I was looking for. I guess not. I want to know HOW TO USE the screen1 tab navigation options block, not where to find it (since I clearly found them to post the picture). What is it for? What blocks go with it? There is NO documentation on it. Not trying to sound ungrateful or rude but it seems no one bothers to read what I am asking for nor asking for further clarification before posting a reply.

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [June 13, 2019, 12:25pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/10 "2019-06-13T12:25:34Z")

</div>

That’s so few of the English. I couldn’t understand that language. 😣

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 13, 2019, 12:52pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/11 "2019-06-13T12:52:55Z")

</div>

You can install add-ons with automatic translation into Google browser and read pages in any language. I gave a link to the Russian-language site because so far I have not found anything better.

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 13, 2019, 1:04pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/12 "2019-06-13T13:04:19Z")

</div>

I looked at it in English but still did not see that block explained. I’m not dense, it either isn’t there or its hidden and i’m not seeing it.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 13, 2019, 1:23pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/13 "2019-06-13T13:23:37Z")

</div>

You are right, there is no information about this block.

It is interesting that the blocks of navigators exist in the application to which they were not added! I would like to hear an explanation of the developers about this.

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 13, 2019, 2:01pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/14 "2019-06-13T14:01:01Z")

</div>

LOL even one of the staff didnt seem to understand that point.

---

<div class="post-metadata">

**Author:** ![KaneoheKid](https://avatars.discourse-cdn.com/v4/letter/k/d07c76/32.png) [@KaneoheKid](https://community.thunkable.com/u/KaneoheKid)\
**Post date:** [August 24, 2019, 4:31am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/15 "2019-08-24T04:31:58Z")

</div>

Reactivating this post…can anyone give an example of how the block is used? For example, can it be used to hide the tab navigator? Change the label, active or inactive tint color?

---

<div class="post-metadata">

**Author:** ![Daniel\_Coglitore](https://avatars.discourse-cdn.com/v4/letter/d/e8c25b/32.png) [@Daniel\_Coglitore](https://community.thunkable.com/u/Daniel_Coglitore)\
**Post date:** [August 24, 2019, 10:38pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/16 "2019-08-24T22:38:10Z")

</div>

maybe in a future it will ! but by now we have to do what we can in the Design section wich I think is more than enought by now 🤪

---

<div class="post-metadata">

**Author:** ![movermeyer](https://avatars.discourse-cdn.com/v4/letter/m/e19b73/32.png) [@movermeyer](https://community.thunkable.com/u/movermeyer)\
**Post date:** [January 18, 2020, 4:50pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/17 "2020-01-18T16:50:54Z")

</div>

I’ve done some reverse engineering to try to figure it out.

I created some blocks that print turn the “Tab Navigation Options” object into JSON, and then output it to the screen as label text:

 ![blocks_to_print_details](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/f/df7ccce23795a011f34ffafe6fa71586fcf55975.png)

 ![Screenshot_20200118-111044](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/4/c46896dc0d92652cb421b2b3e0e96c160055e80f.png)  
“Tab Navigation Options” is an object that can have (at least) these fields:

- `tabBarLabel`: This is the `TabBarLabel` property in the `TabNavigationOptions` section of a Screen component in the UI
- `title`: This is the `Title` property in the `TabNavigationOptions` section of a Screen component in the UI
- `tabBarVisible`: This is the only property that exists if you haven’t set the others in the UI. I believe it is always `true` for Top Tab Navigators, but for bottom Tab Navigators, the docs seem to show that you can change it using the [TabBarVisible toggle](https://github.com/thunkable/docs-thunkable-com/blob/ee5230e624e3b0fdfa897c432ecedc2cfe6386ef/bottom-tab-navigator.md#bottom-tab-navigator-visibility).

![ui_for_page](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/e/be6957c4e2bab5b64115b75d628fa182e3ab8314.png)

I haven’t figured out how to set the “Tab Navigation Options” of a page yet. I’ve tried passing in both modified JSON and a modified Object, but neither seem to have any effect.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 18, 2020, 6:50pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/18 "2020-01-18T18:50:15Z")

</div>

I tried some things with lists and objects also and I got nowhere. 🤔

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [March 25, 2020, 3:33pm UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/19 "2020-03-25T15:33:08Z")

</div>

I too would like to know how to use this. Specifically it would be nice if I can detect if the tab navigator button is pressed as the way to get to a specific page.

---

<div class="post-metadata">

**Author:** ![funhall](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/funhall/32/92145_2.png) [@funhall](https://community.thunkable.com/u/funhall)\
**Post date:** [August 28, 2020, 8:02am UTC](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909/20 "2020-08-28T08:02:13Z")

</div>

I am also seaching for the way to use the Tab navigator option BLOCKS??? With no luck

[Next page](https://community.thunkable.com/t/can-someone-explain-the-navigation-options-more/100909.md?page=2)
