<div id="readability-page-1" class="page"><p><cite>healthyryu</cite>
                <span> 2023. 12. 16. 17:12</span>
              </p><div>
                                
<h4 data-ke-size="size20">Flutter 에서 DropdowButton 의 텍스트를 중앙정렬 하기 위한 방법</h4>

<p data-ke-size="size18">1. DropdownButton 을 최대로 확장한다.</p>
<pre id="code_1702714070325" data-ke-language="java" data-ke-type="codeblock"><code>DropdownButton(
	 isExpanded: true,
     ...
 )</code></pre>

<p data-ke-size="size18">2. DropdownButton 의 DropdownMenuItem 에서 child 를 Center 로 감싸준다.</p>
<pre id="code_1702714164297" data-ke-language="java" data-ke-type="codeblock"><code>return DropdownMenuItem&lt;String&gt;(
      value: value,
      child: Center(
         child: Text(
                value,
                textAlign: TextAlign.center,
              ),
      ),
);</code></pre>

<figure data-ke-mobilestyle="widthOrigin" data-filename="dropdownbutton 중앙정렬.jpg" data-origin-width="840" data-origin-height="954">
    <span data-url="https://blog.kakaocdn.net/dn/CbXkX/btsB7nKZ9vH/yJGkWFDmRckJKoDWd5xyc0/img.jpg" data-lightbox="lightbox">
        <img src="https://blog.kakaocdn.net/dn/CbXkX/btsB7nKZ9vH/yJGkWFDmRckJKoDWd5xyc0/img.jpg" 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';" width="312" height="354" data-filename="dropdownbutton 중앙정렬.jpg" data-origin-width="840" data-origin-height="954">
    </span>
    
</figure>


<p data-ke-size="size16"><a href="https://stackoverflow.com/a/63995395/3897810" target="_blank" rel="noopener&nbsp;noreferrer">https://stackoverflow.com/a/63995395/3897810</a></p>
<figure id="og_1702713937448" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="How to center text in DropdownButton?" data-og-description="I'm trying to make the DropdownButton hint, text and menu items appear in the center instead of left but TextAlign.center does not seem to be doing anything. Image of Dropdown with the hint: Imag..." data-og-host="stackoverflow.com" data-og-source-url="https://stackoverflow.com/a/63995395/3897810" data-og-url="https://stackoverflow.com/questions/56787244/how-to-center-text-in-dropdownbutton" data-og-image="https://scrap.kakaocdn.net/dn/dSQtkS/hyULWPyc8o/nukGcvN3wy43RlIYonkBVk/img.png?width=316&amp;height=316&amp;face=0_0_316_316"><a href="https://stackoverflow.com/a/63995395/3897810" target="_blank" rel="noopener" data-source-url="https://stackoverflow.com/a/63995395/3897810">

<div>
<p data-ke-size="size16">How to center text in DropdownButton?</p>
<p data-ke-size="size16">I'm trying to make the DropdownButton hint, text and menu items appear in the center instead of left but TextAlign.center does not seem to be doing anything. Image of Dropdown with the hint: Imag...</p>
<p data-ke-size="size16">stackoverflow.com</p>
</div>
</a><img src="https://scrap.kakaocdn.net/dn/dSQtkS/hyULWPyc8o/nukGcvN3wy43RlIYonkBVk/img.png?width=316&amp;height=316&amp;face=0_0_316_316"></figure>

            
            
                </div></div>

대부류 - [Dev u Ryu]

류지훈

Flutter 에서 DropdowButton 의 텍스트를 중앙정렬 하기 위한 방법
 
1. DropdownButton 을 최대로 확장한다.
DropdownButton(
	 isExpanded: true,
     ...
 )
 
2. DropdownButton 의 DropdownMenuItem 에서 child 를 Center 로 감싸준다.
return DropdownMenuItem<String>(
      value: value,
      child: Center(
         child: Text(
                value,
                textAlign: TextAlign.center,
              ),
      ),
);
 
 
 
https://stackoverflow.com/a/63995395/3897810

Flutter DropdownButton 글자 중앙정렬

댓글