safe area - not understanding what I am seeing

Question

BeanAnimal OP

Created Aug ’21

Replies 6

Boosts 0

Views 1.7k

Participants 2

xcode 12.5.1 (if it matters)

new to this (if it matter)

I built a single view app using a storyboard and some basic constraints. All is well.

I then embedded a tab controller and added a few more storyboards.

I also embedded a navigation controller on one (the original) of the storyboards.

One storyboard not connected yet.

Things work as expected (I think). Except that the two storyboards that are targets of the tabs have what appears to be toolbar space ABOVE where the tab bar space is. I have not adde toolbars.

first image is basic overview

second image is the bottom of the nav controller that leads to the orignal storyboard. Notice there is just the tab controller - no weird space

third image is the bottom of the original storyboard - it is the target of one tab item and has a navigation controller (image above). I have highlighted the safe area to show it is well above the tab bar.

You can see a slight difference in bg shading (grey line), appearing to indicate that this space is separate fro the embedded tab bar. The other storyboard that is directly connected to the main tab controller also has this area, it does not have a nav controller.

Can somebody help? Is this expected and is there any way to use this area?

... update I can't upload a simple 62K image - just get a spinning circle graphics. Nice software ya have here.

here are links to the images instead

http://beananimal.com/wp-content/uploads/allviews.png

http://beananimal.com/wp-content/uploads/viewsafe1.png

http://beananimal.com/wp-content/uploads/viewsafe2.png

Boost

Answer 1

Claude31 OP

Aug ’21

I then embedded a tab controller and added a few more storyboards.

I suppose you mean some more ViewControllers, not storyboards.

One storyboard not connected yet.

Which VC is not connected yet ?

It is pretty hard to understand your description.

What do we see in viewSafe1 and viewSafe2: the storyboard or the HMI on device or simulator ?
What is the original storyboard I guess you mean original VC.

But you should name them precisely:

tabBarController
First tab connected to a NavController,
the NavController connects to FermentationController
viewSafe1 is the bottom of NavController. Exact ?
Are there other VC in the navigation ?
Second tab connects to HELP VC
What is viewSafe2 showing ?

Could you show the complete storyboard so that we can understand all the links between VC ?

PS: it is easy to attach images here:

0

Answer 2

BeanAnimal OP

Aug ’21

Thank you for the response.

Trying different browser for uploads...

Sorry for naming issues. I am new to this IDE and Swift - rather frustrated thus far.

I hope that helps - The storyboard to the lower right is to be connected to the Fermentation Calculator eventually via the navigation controller.

I m not dead set (or even happy) with this layout but am, trying to learn as I go and got stuck trying to understand (among other things) is what appears to be a space or place holder above the navigation tabs on the two lower left storyboards. I do not have a toolbar or other view there.

0

Answer 3

BeanAnimal OP

Aug ’21

Can anybody provide some insight here?

0

Answer 4

BeanAnimal OP

Aug ’21

Is there someplace better for community support for xcode/ios dev? I see a majority of the posts here go unanswered.

0

Answer 5

Claude31 OP

Aug ’21

I replicated your project:

And ran it:

Simulator Screen Shot - iPhone 12 Pro Max.png

What it shows:

In storyboard, the tab bar item does appear in Navigation, but not in the views in navigation stack
however, the TabBar appears there as well (in the 2 views of navigation stack)
But when you run the app, the tabBarItems do appear in the view in navigation stack (the one with First In Nav label)
It also appears in the next view in the navigation stack
You can also see that there is a Back button in the secondView of navigation stack.

Try to run your app: what do you get ?

Just as you, what I do not understand is what is the gray area above the TabBar (just below label)?

Gray zone.png

You probably did something wrong in your code, but just looking at your screenshots does not allow to guess what. Could you make a zip of the WHOLE project folder and attach as file ?

Note: please use the right terminology:

The storyboard to the lower right is to be connected to the Fermentation Calculator eventually via the navigation controller.

It is not a storyboard here, it is a ViewController. Wrong terminology doesn't help understand each other.

0

Answer 6

BeanAnimal OP

Aug ’21

Accepted Answer

Thank you for your response.

I have been writing code since the debut of MS-DOS and traveled through many destinations including C64 assembler, VAX Assembler, COBOL. Fortran, Visual Basic, C, C++, .NET, flavors, Perl, and various scripting languages and frameworks. I have worked in numerous compilers and IDE environments from archaic to modern for platforms ranging from microcontrollers to mainframes. I have even had the pleasure of writing to and uploading code from punch cards to a mainframe.

Being "imprecise" is an unfortunate byproduct of learning a language, platform or process. If one understood the terminology better, one would be more precise, and as it were, would not likely need to ask a question such as I have in the first place. Thus, one must learn... to know. I exhausted my efforts to learn on my own, so came to where others "In the know" may be able to help.

For a peer "help" community to look down upon or ignore those in need of help, because they don't know what they don't know is rather antithetical to the purpose of the community.

I have stumbled upon the answer to my problem on my own. but am not sure why or how it happened in the first place. I would assume user error at some point on my part.

The main view controllers on the two storyboards in question (again sorry if that is the wrong way to describe) for some reason had "Translucent Tool Bar" selected in the "Simulated Metrics" section of the Attributes Inspector for the View Controller. In the image below I have changed the value to "Translucent Black Toolbar" to further highlight what happened. I am not sure how it got turned on for the first view controller on the first storyboard, let alone the newer storyboard and associated view controller but not the others.

In any case, setting them, back to "Inferred" has fixed my issue.

Thank you again for your attempt to help.

0