<div id="readability-page-1" class="page"><div id="main-wrapper"><header id="topbar-wrapper" aria-label="Top Bar"><div id="topbar"><nav id="breadcrumb" aria-label="Breadcrumb"> <span> <a href="/">홈</a> </span> <span>SwiftUI에서 TextField 세로로 쓰기</span></nav><p> 포스트</p><search id="search"> <i></i>  </search> </div></header><div><main aria-label="Main Content"><article data-toc="true"><header><p>TextField의 axis 속성으로 세로 스크롤 구현하기</p><div> <p><span> 게시 <time data-ts="1748822400" data-df="YYYY/MM/DD" data-bs-toggle="tooltip" data-bs-placement="bottom"> 2025/06/02 </time> </span></p><p><a href="/assets/img/2025/06/02/image1.png"><img src="https://imjhk03.github.io/assets/img/2025/06/02/image1.png" alt="Preview Image" width="1200" height="630" loading="lazy"></a></p></div></header><p><span>SwiftUI에서 TextField 세로로 쓰기</span> </p> <div><blockquote><p>iOS 16.0 이상에서 사용할 수 있다.</p></blockquote><p>SwiftUI에서 TextField의 텍스트가 영역을 넘어설 때 세로로 스크롤되게 하려면 <code>axis</code> 파라미터를 <code>.vertical</code>로 설정하면 된다.</p><h2 id="기본-사용법"><span>기본 사용법</span><a href="#기본-사용법"><i></i></a></h2><div><p><code><table><tbody><tr><td><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td><pre><span>import</span> <span>SwiftUI</span>

<span>struct</span> <span>ContentView</span><span>:</span> <span>View</span> <span>{</span>
    <span>@State</span> <span>var</span> <span>text</span> <span>=</span> <span>""</span>

    <span>var</span> <span>body</span><span>:</span> <span>some</span> <span>View</span> <span>{</span>
        <span>VStack</span> <span>{</span>
            <span>TextField</span><span>(</span>
                <span>"여기에 텍스트를 입력하세요"</span><span>,</span>
                <span>text</span><span>:</span> <span>$text</span><span>,</span>        <span>// 세로 스크롤 설정</span>
                <span>axis</span><span>:</span> <span>.</span><span>vertical</span>
            <span>)</span>
            <span>.</span><span>lineLimit</span><span>(</span><span>5</span><span>...</span><span>)</span>       <span>// 최소 5줄 이상 표시</span>
        <span>}</span>
        <span>.</span><span>frame</span><span>(</span><span>width</span><span>:</span> <span>200</span><span>)</span>
    <span>}</span>
<span>}</span>
</pre></td></tr></tbody></table></code></p></div><h2 id="주요-특징"><span>주요 특징</span><a href="#주요-특징"><i></i></a></h2><ul><li>텍스트가 길어지면 자동으로 세로 스크롤이 생성됨</li><li><code>lineLimit(_:)</code> modifier로 최소/최대 줄 수 지정 가능</li><li>키보드의 return 키로 새로운 줄 추가 가능</li></ul><p><a href="/assets/img/2025/06/02/image1.png"><img src="https://imjhk03.github.io/assets/img/2025/06/02/image1.png" alt="텍스트필드에 긴 문장이 세로로 표시된 모습" loading="lazy"></a></p></div></article></main></div><section id="search-result-wrapper"><h2>인기 태그</h2></section></div></div>

SwiftUI에서 TextField 세로로 쓰기

댓글