# Hide a screen in the Bottom tab navigator

**URL:** https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624
**Category:** Questions about Thunkable X
**Created:** [November 2, 2021, 10:16am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624 "2021-11-02T10:16:31Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [November 2, 2021, 10:16am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/1 "2021-11-02T10:16:31Z")

</div>

Hi all!  
So i am wanting to hide a screen in the Bottom tab.  
So basicly i have 4 screens.  
And When the user is in screen 1 i want screen 2 to be visible and screen 1 hidden and When the user is in screen 2 i want screen 2 to be hidden and screen 1 to be visible.  
Is this possible?  
Thanks

---

<div class="post-metadata">

### Author: ![tony.ycy.program](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tony.ycy.program/32/100153_2.png) [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)
#### Post date: [November 2, 2021, 10:21am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/2 "2021-11-02T10:21:42Z")

</div>

The screen navigator at the top is actually a button.  
You can wrap them in a navigator drawer (There will be no stacking levels. ), and then use a few buttons to complete (using program control).

---

<div class="post-metadata">

### Author: ![mimostel](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mimostel/32/107661_2.png) [@mimostel](https://community.thunkable.com/u/mimostel)
#### Post date: [November 2, 2021, 10:24am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/3 "2021-11-02T10:24:56Z")

</div>

So basically you want to “remove” from navigator the current screen a user is using at a time.  
Thinking about the very essence of a navigator, it helps you navigate through screens. So it display all the screens bound to it. I don’t think you programmatically can change that. But I’m just a beginner. Maybe someone more advanced can give you a work around and ill be very happy to “play” through blocks with navigator`s properties too 🤔  
The only thing I learned until now from @muneer was to change a screen name displayed in navigator through blocks, but event that takes place only after that screen become active.

---

<div class="post-metadata">

### Author: ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [November 2, 2021, 11:06am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/4 "2021-11-02T11:06:03Z")

</div>

Yes kind of.  
But screen 1 and 2 Will be hidden depending on the screen the user is in, but screen 3 and 4 Will always be visible.

---

<div class="post-metadata">

### Author: ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [November 2, 2021, 7:25pm UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/5 "2021-11-02T19:25:23Z")

</div>

I may have found a way to do it, however i have no Idea how to Use this block:  
 ![Screenshot_20211102-202343_Chrome](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/9/c943438e9931b697f5ab283ead8e44ad114ecb55.jpeg)

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 2, 2021, 7:40pm UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/6 "2021-11-02T19:40:10Z")

</div>

This is the options of the React Native Navigator module. This will not help you to hide the screen. It will help you to change the title of the screen for example.

See this (although for an old release but works similar)  
[https://reactnavigation.org/docs/1.x/navigation-options/](https://reactnavigation.org/docs/1.x/navigation-options/)

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

---

<div class="post-metadata">

### Author: ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [November 3, 2021, 7:01am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/7 "2021-11-03T07:01:06Z")

</div>

Thanks!  
Just a guestion (off-tpoic) i am also trying to change the background color and inactive/active tint color.  
Do you know if i can do that with this block aswel?  
Thanks

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 3, 2021, 7:20am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/8 "2021-11-03T07:20:09Z")

</div>

Typically, it should be part of the navigator options block but you would only know if you try it.

---

<div class="post-metadata">

### Author: ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [November 3, 2021, 7:21am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/9 "2021-11-03T07:21:29Z")

</div>

I Will try it.  
Just thought you may knew it.  
Thanks

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 3, 2021, 7:31am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/10 "2021-11-03T07:31:40Z")

</div>

Sorry for the wrong info.

I just checked React Native documentation. The options you asked about are not part of the `Navigator Options` and therefore will not help coding them in it.

---

<div class="post-metadata">

### Author: ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [November 3, 2021, 8:14am UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/11 "2021-11-03T08:14:11Z")

</div>

> [@muneer](#):
>
> Sorry for the wrong info.

That’s okay.

I’ll fill a future request:

> <https://github.com/thunkable/thunkable-issues/issues/1052>
>
> I'd like to have a way to set the Bottom tab navigator background color In Both …editor and blockly workspace.
> ,
> It's quite anoying/ugly to have dark mode on but still having a White block at the Bottom of the screen.
> 
> I'd also like to have a way to set the inactive/active tint color through blocks.
> So i can change Them When the user switches to dark/light mode.
> 
> \*\*Which platform are you asking for?\*\*
> Thunkable x (x.thunkable.com)

---

<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, 1:14pm UTC](https://community.thunkable.com/t/hide-a-screen-in-the-bottom-tab-navigator/1593624/12 "2024-11-08T13:14:30Z")

</div>


