title: How to position a custom Tab Bar exactly as a normal Tab Bar with it's official height and with .edgesIgnoringSafeArea(.bottom) for all the iPhone?
body: <p>I created a Custom Tab Bar and it works perfecly. The only problem that i have is i cannot find how to find the correct position, height for it depending of the iPhone model.</p>
  <p>How can i do that?</p>
  <p>My code (The Custom Tab Bar is in the HStack) :</p>
  <pre><code>struct Home: View {
  
      @ObservedObject var viewRouter = ViewRouter()
      let screenSize: CGRect = UIScreen.main.bounds
      
      var body: some View {
          ZStack {
              Color(#colorLiteral(red: 0.259467423, green: 0.5342320204, blue: 0.7349982858, alpha: 1))
              VStack(spacing: 0) {
                  if self.viewRouter.currentView == &quot;HomeList&quot; {
                      HomeList()
                  } else if self.viewRouter.currentView == &quot;Messages&quot; {
                      Messages()
                  }else if self.viewRouter.currentView == &quot;Favorites&quot; {
                      Favorites()
                  }else if self.viewRouter.currentView == &quot;Search&quot; {
                      Search()
                  }else if self.viewRouter.currentView == &quot;Profiles&quot; {
                      Profiles()
                  }
  
                  HStack{
                      HomeTabItem(viewRouter: self.viewRouter, tabImage: &quot;house&quot;, tabText: &quot;HomeTitle&quot;, viewName: &quot;HomeList&quot;, badgeNumber: 0)
                      HomeTabItem(viewRouter: self.viewRouter, tabImage: &quot;envelope&quot;, tabText: &quot;MessagesTitle&quot;, viewName: &quot;Messages&quot;, badgeNumber: 69)
                      HomeTabItem(viewRouter: self.viewRouter, tabImage: &quot;star&quot;, tabText: &quot;FavoritesTitle&quot;, viewName: &quot;Favorites&quot;, badgeNumber: 0)
                      HomeTabItem(viewRouter: self.viewRouter, tabImage: &quot;magnifyingglass&quot;, tabText: &quot;SearchTitle&quot;, viewName: &quot;Search&quot;, badgeNumber: 0)
                      HomeTabItem(viewRouter: self.viewRouter, tabImage: &quot;person&quot;, tabText: &quot;ProfileTitle&quot;, viewName: &quot;Profiles&quot;, badgeNumber: 0)
                  }.frame(width: self.screenSize.width, height: 58)
                  .foregroundColor(.white)
                  .background(Color(#colorLiteral(red: 0.259467423, green: 0.5342320204, blue: 0.7349982858, alpha: 1)))
  
              }
          }
          .edgesIgnoringSafeArea(.bottom)
      }
  }
  
  </code></pre>