[Flutter] ListView 생성하기

이 예에서는 ListView를 사용하여 위젯을 세로로 스크롤 가능한 목록으로 표시합니다.새 Flutter 프로젝트를 만들고 애플리케이션에서 다음 main.dart 파일을 사용하세요.

main.dart

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter ListView'),
        ),
        body: ListView(
          children: <Widget>[
            Container(
              height: 50,
              color: Colors.lime[800],
              child: const Center(child: Text('Apple')),
            ),
            Container(
              height: 50,
              color: Colors.lime[600],
              child: const Center(child: Text('Banana')),
            ),
            Container(
              height: 50,
              color: Colors.lime[400],
              child: const Center(child: Text('Mango')),
            ),
            Container(
              height: 50,
              color: Colors.lime[200],
              child: const Center(child: Text('Orange')),
            ),
          ],
        ),
      ),
    );
  }
}

애플리케이션을 실행하면 아래와 같이 애플리케이션에 ListView가 표시됩니다.

[Flutter] ListView 생성하기

댓글

이 블로그의 인기 게시물

[Flutter] FlatButton 클래스 사용하기

[Flutter] Image 위젯