<div id="readability-page-1" class="page"><div id="main"><div id="core-wrapper"><p>일반 <code>Text</code>나 <code>Image</code>을 사용하면 탭 제스처를 추가해서 탭 했을 때의 동작을 정의할 수 있다. 하지만 <code>VStack</code>이나 <code>HStack</code> 같은 container view에 제스처를 추가하면 생각처럼 잘 안될 때가 있다. 예를 들어, <code>HStack</code> 안에 <code>Image</code>와 <code>Text</code> 사이에 <code>Spacer</code>를 넣었다면, <code>Spacer</code> 영역을 탭 했을 때, 원하는 탭 제스처가 안 될 때가 있다.</p><p>이럴 때, <code>contentShape()</code>을 이용해서 탭 영역을 잡으면 가능하게 할 수 있다. 아래 코드와 같이 <code>HStack</code>에 <code>contentShape()</code> modifier를 추가하면 stack 전체를 탭 가능한 영역으로 만들 수 있다.</p><div><p><code><table><tbody><tr><td><pre>1
2
3
4
5
6
7
8
9
</pre></td><td><pre><span>HStack</span> <span>{</span>
    <span>Text</span><span>(</span><span>"Terms"</span><span>)</span>
    <span>Spacer</span><span>()</span>
    <span>Image</span><span>(</span><span>systemName</span><span>:</span> <span>"chevron.right"</span><span>)</span>
<span>}</span>
<span>.</span><span>contentShape</span><span>(</span><span>Rectangle</span><span>())</span>
<span>.</span><span>onTapGesture</span> <span>{</span>
    <span>print</span><span>(</span><span>"Show details for terms"</span><span>)</span>
<span>}</span>
</pre></td></tr></tbody></table></code></p></div></div><div id="tail-wrapper"><h3 data-toc-skip="">관련된 글</h3></div></div></div>

SwiftUI에서 contentShape()을 이용해서 뷰를 탭하게 하는 방법

댓글