[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가 표시됩니다.
댓글
댓글 쓰기