[flutter] Scaffold에서의 body 속성을 ListView로 구성하는 방법은 어떻게 되나요?

12 Dec 2023

flutter

먼저, Scaffold의 body 속성을 ListView로 지정합니다. 그런 다음, ListView.builder를 사용하여 동적으로 항목을 생성할 수 있습니다. 다음 예시 코드를 통해 자세히 알아보겠습니다.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('ListView Example'),
        ),
        body: ListView.builder(
          itemCount: 10,
          itemBuilder: (BuildContext context, int index) {
            return ListTile(
              title: Text('Item $index'),
            );
          },
        ),
      ),
    );
  }
}

위 예시 코드에서 ListView.builder를 사용하여 10개의 항목을 동적으로 생성하고 있습니다. itemCount 속성은 목록의 항목 수를 지정하며, itemBuilder는 각 항목을 어떻게 표시할지를 정의합니다. 여기서는 ListTile을 사용하여 각 항목을 표시하고 있습니다.

만약 ListView 대신 다른 종류의 목록을 원한다면 ListView.builder 대신 ListView.children을 사용할 수도 있습니다.

이렇게 하면 Scaffold의 body 속성을 ListView로 구성할 수 있습니다. 원하는대로 목록을 구성하고 스크롤이 가능한 화면을 만들 수 있습니다.