ListView.builder

[name27]

ListView.builder

• itemBuilder라는 필수 속성값을 통해 위젯을 생성 (그래서 아이템 빌더)
• itemBuilder에는 return으로 위젯을 반환해주면 됨
• for문처럼 index 값이 하나씩 증가되며 0부터 원하는 수까지 돌릴 수 있음

범위를 정해주지 않으면 스크롤할 때마다 계속 생성

ListView.builder를 쓰는 이유

• 기존의 ListView만을 활용했을 때, 인덱싱에 벗어날 경우 범위 에러
• ListView.builder를 사용하면, index는 itemCount로 정해줄 수 있음

ListView.builder(
  itemCount: myItems.length,
  itemBuilder: (context, index){
      return ListTile(title: Text(myItems[index]));
  }
)

.map()과ListView.builder차이점

• .map()은 리스트 인덱스가 5000개라 가정했을 때 .map()은 5000개를 전부 미리 위젯으로 바꿔놓음
• ListView.builder는 스크롤이 되는 영역, 진짜 실제로 사용자가 눈으로 보는 영역에 화면에 출력될 때만 위젯을 생성