title: Expand SwiftUI button tap area over the button frame
body: <p>I read a similar <a href="https://stackoverflow.com/questions/58675768/swiftui-how-can-i-increase-the-area-in-which-a-button-can-be-triggered">question</a> about that issue. But that only expand the button size use <code>.padding()</code>. The red region in the snapshot is the tappable area. </p>
  
  <p>The trailing padding to screen edge inserted by SwiftUI.framework can not be removing (I think). That causes any tap in the right edge of the screen can not trigger button action. How can I make the tappable area beyond the button size? So that user could tap that button more easier. </p>
  
  <p>Thanks.</p>
  
  <p><a href="https://i.stack.imgur.com/Oyn2e.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Oyn2e.jpg" alt="enter image description here"></a></p>
  
  <pre class="lang-swift prettyprint-override"><code>.navigationBarItems(trailing:
      Button(action: {
          self.context.isSheetDisplay = true
      }, label: {
          Image(systemName: "square.and.pencil")
              .font(.system(size: 20))
      })
      .padding([.leading, .top, .bottom])
      .background(Color.red)
  )
  </code></pre>
  
  <hr>
  
  <p>Update:</p>
  
  <p>e.g. 
  The Photos.app in simulator could trigger tap at the edge.
  <a href="https://i.stack.imgur.com/MgRr6.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/MgRr6.jpg" alt="enter image description here"></a></p>