<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] Image.network에 BorderRadius 주는 방법</h3>
                </div>
                <p><cite>otrodevym</cite>
                  <span> 2021. 10. 14. 00:00</span>
                </p>
                                <div>
                                
<p data-ke-size="size16">이미지에 BorderRadius를 주어야 하는 경우가 있습니다.</p>
<p data-ke-size="size16">Container를 사용하면 따로 노는 느낌이 있어서 이질감을 없애기 위한 위젯으로 "ClipRRect"를 사용합니다.</p>


<pre id="code_1634137445617" data-ke-language="javascript" data-ke-type="codeblock"><code>ClipRRect(
    borderRadius: BorderRadius.circular(15.0),
    child: Image.network(
        subject['images']['large'],
    ),
)</code></pre>
<figure>
    <p><span data-url="https://k.kakaocdn.net/dn/ccag8L/btrhF90QRlW/WkSfWExKuMQhwEXABqNW4k/img.png" data-lightbox="lightbox" data-origin-width="488" data-origin-height="443" data-filename="blob"><img src="https://k.kakaocdn.net/dn/ccag8L/btrhF90QRlW/WkSfWExKuMQhwEXABqNW4k/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';"></span><span data-url="https://k.kakaocdn.net/dn/dyPjtn/btrhEFssseR/BMtKeJL0Wwg4upWi5pFvWK/img.png" data-lightbox="lightbox" data-origin-width="532" data-origin-height="541"><img src="https://k.kakaocdn.net/dn/dyPjtn/btrhEFssseR/BMtKeJL0Wwg4upWi5pFvWK/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';"></span>
    </p>
    
</figure>
            
            
                </div>
                

              </article></div>

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

otrodevym

이미지에 BorderRadius를 주어야 하는 경우가 있습니다.
Container를 사용하면 따로 노는 느낌이 있어서 이질감을 없애기 위한 위젯으로 "ClipRRect"를 사용합니다.
 
 
ClipRRect(
    borderRadius: BorderRadius.circular(15.0),
    child: Image.network(
        subject['images']['large'],
    ),
)

[Flutter] Image.network에 BorderRadius 주는 방법

댓글