Flutter - Widget(ListViwe)

목진성·2024년 11월 11일

Flutter 기초

목록 보기
7/15

ListViwe

가장 일반적으로 사용되는 스크롤 위젯. (기본적으로 세로축으로 스크롤 가능)

  • 가로축으로 스크롤 방향 전환
    ListView(
      scrollDirection: Axis.horizontal,
    );
  • ListView.builder 란?
    리스트뷰의 children 내에 동일한 위젯이 들어갈 때 사용
final List<String> entries = <String>['A', 'B', 'C'];
final List<int> colorCodes = <int>[600, 500, 100];

Widget build(BuildContext context) {
  return ListView.builder(
    padding: const EdgeInsets.all(8),
    itemCount: entries.length,
    itemBuilder: (BuildContext context, int index) {
      return Container(
        height: 50,
        color: Colors.amber[colorCodes[index]],
        child: Center(child: Text('Entry ${entries[index]}')),
      );
    }
  );
}
profile
우주를 항해하는 여행자

0개의 댓글