Flutter/길라잡이

Singlechildscrollview vs ListView.builder

타코따코 2021. 2. 21. 00:07

공통점

  • 화면 스크롤을 가능하게 해줌

차이점

  • 랜더링
    • singleChildScrollView 안에 있는 위젯들은 모두 랜더링이 완료가 된 상태다.

      즉, 데이터가 100개를 소유하고 있다면 100개가 다 완료되고 나서 앱은 화면을 보여준다.

      하지만 사용자 입장에서 작은 화면에서 데이터를 100개 다 볼 필요가 없기 때문에 이 점은 singleChildScrollView 의 단점이 된다.

      데이터가 많거나, 점점 많아질것으로 예상된다면 singleChildScrollView 은 쓰지 않는게 퍼포먼스에 도움이 된다.

    • ListView.builder는 singleChildScrollView 의 단점을 보완한다. 데이터가 100개를 랜더링해야한다면, 앱 화면에 보여지는 갯수만 우선적으로 랜더링을 하고, 나머지는 잠시 멈춘다.

      그리고 사용자가 스크롤을 해서 데이터가 보이기 시작하면 그때 랜더링을 한다.

      데이터가 많을 때 쓰면 퍼포먼스를 향상 시킬 수 있다.

'Flutter > 길라잡이' 카테고리의 다른 글

Flutter 독학을 위한 길라잡이  (0) 2021.02.17