Scrollview Overlays The Newtabbar

I’m building a recipe app.  I’m using the widget.newTabBar as my primary navigation through the app.  The Tab bar sits at the bottom of the screen (like every iOS app out there these days.)  The tab bar is called in main.lua.  I want the tab bar accessible on every page. 

 

I’m using scrollView on pages where the content is longer than the readable area on screen.  I’ve set my height, length and mask size to keep the header and footer tab bar viewable while scrolling content.  

 

Here is the issue . . .

 

When the scrollView loads, the scroll “covers” the tab bar.  It isn’t visible but it’s there.  When I try to click on the the tab bar in the simulator, nothing happens.  When I scroll the content all of the way up, I can click on the tab bar in the simulator.  Essentially, newTabBar widget sits behind the scrollView.  

 

I’ve tried adjusting the mask, the height, setting different y properties and nothing seems to work.  How do I set the tab bar to be on “top” of the scrollView?  How do I make the tab bar accessible when the scrolled content hasn’t been scrolled up?  

try adding this to your scrollView

 

scrollView.isHitTestMasked = true

That did it.  Thanks a million!  I don’t think I would have ever come up with that on my own.  :slight_smile:

try adding this to your scrollView

 

scrollView.isHitTestMasked = true

That did it.  Thanks a million!  I don’t think I would have ever come up with that on my own.  :slight_smile: