<div id="readability-page-1" class="page"><article id="mainContent">
                <div>
                  <p><a href="/m/category/%EA%B0%9C%EB%B0%9C%28%ED%95%A9%EB%8B%88%EB%8B%A4%29/Flutter%26Android"><span>개발(합니다)/Flutter&amp;Android</span></a></p><h3>[Flutter] TextField의 Underline 제거하는 방법</h3>
                </div>
                <p><cite>otrodevym</cite>
                  <span> 2021. 10. 15. 00:00</span>
                </p>
                                <div>
                                <figure data-origin-width="465" data-origin-height="194" data-ke-mobilestyle="widthOrigin">
    <span data-url="https://k.kakaocdn.net/dn/bEFoqP/btrhGRTdC9t/e3hmnpVj3WYZjluM6oLMK1/img.png" data-lightbox="lightbox" data-alt="">
        <img src="https://k.kakaocdn.net/dn/bEFoqP/btrhGRTdC9t/e3hmnpVj3WYZjluM6oLMK1/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="465" data-origin-height="194" data-ke-mobilestyle="widthOrigin">
    </span>
    
</figure>
<p data-ke-size="size16">TextField를 사용하다보면 밑줄이 기본적으로 지정이 됩니다.</p>
<p data-ke-size="size16">언더라인을 지우는 방법입니다.</p>

<p data-ke-size="size16">: border: InputBorder.none</p>
<p data-ke-size="size16">를 주면 언더라인이 제거됩니다.</p>
<pre id="code_1634140554028" data-ke-language="javascript" data-ke-type="codeblock"><code>Container(
	width: 280,
	padding: EdgeInsets.all(8.0),
	child : TextField(
			autocorrect: true,
			decoration: InputDecoration(
			border: InputBorder.none,
			hintText: 'Enter Some Text Here')
		)
	  )</code></pre>
<figure data-origin-width="504" data-origin-height="179" data-ke-mobilestyle="widthOrigin">
    <span data-url="https://k.kakaocdn.net/dn/tRhBl/btrhFPuDvDF/KZrowFHNQz7zi9u2IzwAl1/img.png" data-lightbox="lightbox" data-alt="">
        <img src="https://k.kakaocdn.net/dn/tRhBl/btrhFPuDvDF/KZrowFHNQz7zi9u2IzwAl1/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="504" data-origin-height="179" data-ke-mobilestyle="widthOrigin">
    </span>
    
</figure>
            
            
                </div>
                

              </article></div>

미니 블로그 : 메모하는 습관

otrodevym

TextField를 사용하다보면 밑줄이 기본적으로 지정이 됩니다.
언더라인을 지우는 방법입니다.
 
: border: InputBorder.none
를 주면 언더라인이 제거됩니다.
Container(
	width: 280,
	padding: EdgeInsets.all(8.0),
	child : TextField(
			autocorrect: true,
			decoration: InputDecoration(
			border: InputBorder.none,
			hintText: 'Enter Some Text Here')
		)
	  )

[Flutter] TextField의 Underline 제거하는 방법

댓글