title: SwiftUI how to make hstack with rounded corners and above bottom side of screen?
body: <p>I would like to make such buttons bar:</p>
  <p><a href="https://i.stack.imgur.com/9lDly.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9lDly.png" alt="enter image description here" /></a></p>
  <p>for this purpose I decided to use hstack (not sure whether it is a good idea). I did it in such way:</p>
  <pre><code>HStack{
                      ForEach(playerMenuControllers,id: \.self ){img in
                          let pos = playerMenuControllers.firstIndex(of: img)
                          let likeImg = liked ? &quot;heart.fill&quot; : img
                          let bookMarkImg = bookmark ? &quot;bookmark.fill&quot; : img
                          
                          Button(action: {
                              switch pos{
                              case 0:
                                  
                                  break
                              case 1:
                                  liked.toggle()
                                  break
                              case 2:
                                  bookmark.toggle()
                                  break
                              case 3:
                                  showingSheet.toggle()
                                  break
                              default:
                                  break
                              }
                          }) {
                              HStack {
                                  switch pos{
                                  case 0:
                                      Image(systemName: img).foregroundColor(Color.white)
                                  case 1:
                                      Image(systemName: likeImg).foregroundColor(Color.white)
                                  case 2:
                                      Image(systemName: bookMarkImg).foregroundColor(Color.white)
                                  case 3:
                                      Image(systemName: img).foregroundColor(Color.white)
                                  default:
                                      Image(systemName: img).foregroundColor(Color.white)
                                  }
                              }
                          }.sheet(isPresented: $showingSheet) {
                              SheetView(model: episode)
                          }
                          .padding(EdgeInsets(top: 17, leading: 33, bottom: 17, trailing: 33))
                      }
                  }
                  .cornerRadius(15)
                  .background(Color(red: 54 / 255, green: 54 / 255, blue: 54 / 255))
                  .padding(EdgeInsets(top: 17, leading: 33, bottom: 17, trailing: 33))
  </code></pre>
  <p>and I have such result:</p>
  <p><a href="https://i.stack.imgur.com/cbBFJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cbBFJ.png" alt="enter image description here" /></a></p>
  <p>what I did wrong, because I tried to apply all params from the desired design?</p>