Liste Öğeleri

Coddy'nin Flutter Journey'sinin Listeler ve Ekranlar bölümünün bir parçası. Ders 2 / 33.

Bir listedeki satırların çoğu birbirine benzer: bir ana satır, bazen altında daha küçük bir satır, belki de her iki uçta bir simge. ListTile, uygun boyutları ve dolgu değerleriyle kullanıma hazır bir satırdır.

ListTile(
  title: Text('Ada Lovelace'),
  subtitle: Text('+1 555 0101'),
)

title ana satırdır. subtitle onun altında, daha küçük ve daha yumuşak bir renkte görünür. Her ikisi de genellikle bir Text olan bir widget alır.

Bir ListTile, listesi kadar geniştir ve bir alt başlığı olduğunda iki satıra sığacak şekilde büyür. Bir ListView içine birkaç tane yerleştirerek bir kişi listesi oluşturabilirsin.

Görev

Kolay

Ada'nın satırı zaten bir ListTile. Diğer iki metni de onunki gibi kutucuklara dönüştür:

Alt başlığı +1 555 0102 olan Alan Turing
Alt başlığı +1 555 0103 olan Grace Hopper

Kendin dene

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(title: const Text('Contacts')),
        body: ListView(
          children: const [
            ListTile(
              title: Text('Ada Lovelace'),
              subtitle: Text('+1 555 0101'),
            ),
            Text('Alan Turing'),
            Text('Grace Hopper'),
          ],
        ),
      ),
    );
  }
}