[flutter] ListView 예제

안녕하세요, 

 

오늘은 ListView에서 각 항목 아래에 구분선을 넣어서 출력하는 예제를 만들어보겠습니다. 

 

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final List<String> items = List<String>.generate(20, (index) => "Item ${index + 1}");

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('ListView 예제'),
        ),
        body: ListView.builder(
          itemCount: items.length,
          itemBuilder: (context, index) {
            return ListTile(
              leading: Icon(Icons.label),
              title: Text(items[index]),
            );
          },
        ),
      ),
    );
  }
}

 

시연 영상입니다.