<div id="readability-page-1" class="page"><article id="mainContent">
                <div>
                  <p><a href="/m/category/Dev/Flutter"><span>Dev/Flutter</span></a></p><h3>[Flutter] ListView.Builder 를 사용할때 주의할 점</h3>
                </div>
                <p><cite>healthyryu</cite>
                  <span> 2022. 12. 23. 17:50</span>
                </p>
                                <div>
                                <p data-ke-size="size16">ListView.builder or ListView.seperated 를 사용해서 리스트를 구현할때, UI 관점에서 주의할 점이 있습니다.</p>
<p data-ke-size="size16">ListView 를 생성해서 UI 만들어진 리스트를 보게되면 위 아래 공백이 생깁니다. 자세히 보다보니 ListView 에는 기본적인 Padding 값이 존재합니다. 그렇기때문에 Padding 값을 설정하고 ListView 를 만들어줘야 합니다.</p>

<pre id="code_1671785328566" data-ke-language="java" data-ke-type="codeblock"><code>ListView.separated(
  shrinkWrap: true,
  padding: EdgeInsets.zero,
  itemCount: items.length,
  separatorBuilder: (BuildContext context, int index) =&gt; const SizedBox(height: 15),
  itemBuilder: (BuildContext context, int index) {
  ...
  }
)</code></pre>
            
            
                </div>
                

              </article></div>

대부류 - [Dev u Ryu]

류지훈

ListView.builder or ListView.seperated 를 사용해서 리스트를 구현할때, UI 관점에서 주의할 점이 있습니다.
ListView 를 생성해서 UI 만들어진 리스트를 보게되면 위 아래 공백이 생깁니다. 자세히 보다보니 ListView 에는 기본적인 Padding 값이 존재합니다. 그렇기때문에 Padding 값을 설정하고 ListView 를 만들어줘야 합니다.
 
ListView.separated(
  shrinkWrap: true,
  padding: EdgeInsets.zero,
  itemCount: items.length,
  separatorBuilder: (BuildContext context, int index) => const SizedBox(height: 15),
  itemBuilder: (BuildContext context, int index) {
  ...
  }
)

[Flutter] ListView.Builder 를 사용할때 주의할 점

댓글