close

데이터 생성 및 ListView 표시 Flutter

에서는 를 Flutter 사용하여 데이터를 만들고 표시할 수 있습니다 ListView. ListView 사용자 지정 위젯 과 같은 구성 요소를 포함하는 스크롤 가능한 목록을 만들 수 있는 위젯입니다 ListTile.

다음은 데이터를 만들고 표시하는 방법에 대한 가이드입니다 ListView.

데이터 목록 만들기

먼저 에 표시할 데이터 목록을 만들어야 합니다 ListView. 이 목록은 문자열, 객체 또는 표시하려는 데이터 유형의 목록일 수 있습니다.

예:

List<String> dataList = [  
  'Item 1',  
  'Item 2',  
  'Item 3',  
  'Item 4',  
  'Item 5',  
];

데이터 생성 ListView 및 표시

ListView 다음으로 .builder 생성자를 사용하여 데이터를 만들고 표시할 수 있습니다 ListView. 이를 통해 데이터 목록의 항목 수를 기반으로 목록을 작성할 수 있습니다.

예:

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

위의 예에서 ListView dataList의 항목 수로 itemCount를 사용하여 생성합니다. ListTile 각 항목은 해당 제목과 함께 에 표시됩니다 .

ListView 사용자 지정 목록과 함께 사용

.builder를 사용하는 것 외에도 .builder 내부에 사용자 지정 위젯을 제공하여 사용자 지정 목록을 표시하는 데 ListView 사용할 수도 있습니다. ListView ListView

예:

ListView(  
  children: dataList.map((item) => ListTile(title: Text(item))).toList(),  
)

위의 예에서는 map 메서드를 사용하여 dataList의 각 항목을 ListTile 해당 제목을 포함하는 항목으로 변환합니다.

 

결론:

ListView Flutter 데이터 목록을 쉽게 만들고 표시할 수 있는 강력한 위젯입니다. 를 사용하여 ListView 원하는 대로 항목 목록을 표시하고 앱에서 더 나은 사용자 경험을 제공할 수 있습니다.