[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] ListView 생성하기](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXg6I268OHUnkRpTFJNk-IxFq8CXiLITQFzbHfHLJZOSE_Ylp-yN2019yY0pJ_IypuRCyfzIDJhpOzCtqiin7Thfz_dbojjmLWGxm1wH27z6XmVN3XG7lQ-uq_SIV5NIsXcj-tpbFM90TJgDsS874I8ccSNFC2ltB_r274zBJZBEOPYqQPtllvjXU_/w302-h640/flutter_listview.png)
댓글
댓글 쓰기