Flutter ListTile

이번에는 ListTile이라는 위젯을 간단하게 알아보겠습니다.

ListTile은 리스트에 들어가는 아이템?!같은 위젯이다.

ListView와 같이 쓰며 따로 쓸 수도 있습니다.

ListTile에는 leading, title, subtitle, trailing이 있습니다.

leading & title & subtitle & trailing

위에 코드는 아래와 같다.

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: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ListTile'),
      ),
      body: ListView(
        children: [
          ListTile(
            onTap: () {},
            leading: FlutterLogo(),
            title: Text('이벤트'),
            trailing: Icon(Icons.arrow_forward_ios_rounded),
            subtitle: Text('이벤트 설명'),
          )
        ],
      ),
    );
  }
}

 

ListTile에 대해서 좀 더 자세히 알아보고 싶으면 아래 링크를 참고해주세요.

api.flutter.dev/flutter/material/ListTile-class.html