title: Adding margin/padding between bottom and tabview title in Swiftui
body: <p>Currently I have this screen in an example app I'm currently developing:</p>
  <p><a href="https://i.stack.imgur.com/RSSQB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RSSQB.png" alt="enter image description here" /></a></p>
  <p>To achieve this view I used the following code using SwiftUI to implement the GUI.</p>
  <pre><code>var body: some View {
              TabView(selection: $selectedTabTag) {
                  HomeTabView().tabItem({
                      Image(&quot;dark_home_icon&quot;)
                      Text(&quot;Home&quot;)
  
                  }).tag(HomeView.homeTab)
  
                  HealthTabView().tabItem({
                      Image(&quot;dark_heart_icon&quot;)
                      Text(&quot;Health&quot;)
                  }).tag(HomeView.healthTab)
                  
                  StatsTabView().tabItem({
                      Image(&quot;dark_stats_icon&quot;)
                      Text(&quot;Statistics&quot;)
                  }).tag(HomeView.statsTab)
                  
                  EmergencyTabView().tabItem({
                      Image(&quot;dark_phone_icon&quot;)
                      Text(&quot;Emergency&quot;)
                  }).tag(HomeView.emergencyTab)
              }.accentColor(UIColor.primaryAquaBlue.toColor())
  }
  </code></pre>
  <p>The problem is that when running this code in an Iphone 8 or before that do not have a notch and has a bottom button, the titles of the tabview are too close to the bottom part of the phone, they are so close that is difficult to see them and read them, is there a way to increase this margin? I have tried using Spacer or adding a padding to the Tabview but that only adds an empty space or removes space from the tabview instead of adding. Also I have tried adding the padding directly to the text but it wont change.</p>