title: how to disable ScrollView clipping content in SwiftUI
body: <p>I need that red rectangle should be visible until reach to the leading or trailing edge of the device.
  So the problem is scrollview cliping red boxes (hiding) as move beyond the scrollview container size.
  code:</p>
  <pre><code>struct test: View {
  var body: some View {
      ScrollView(.horizontal,showsIndicators:false) {
          LazyHStack{
              ForEach(0...4,id:\.self){i in
                  Rectangle()
                      .fill(Color.red)
                      .frame(width: 60, height: 50, alignment: .center)
              }
          }.padding(.horizontal, 4)
      }.background(Color.yellow)
      .frame(width: 68, height: 60, alignment: .trailing)
  }
  </code></pre>
  <p>}</p>
  <p>Results:
  <a href="https://i.stack.imgur.com/sNFSb.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sNFSb.gif" alt="enter image description here" /></a></p>
  <p>Expected:(I also produce this result by setting <code>ScrollView</code> full width  and adding padding (<code>.padding(.horizontal, UIScreen.main.bounds.width/2 )</code>) to <code>LazyHStack</code>)
  But it is a hack by adding space at start and end, and problem remain unresolved, that is clipping of <code>ScrollView</code> content</p>
  <p><a href="https://i.stack.imgur.com/qzWVI.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qzWVI.gif" alt="enter image description here" /></a></p>