אריחי רשימה

חלק מהיחידה רשימות ומסכים במסלול ה-Flutter של Coddy. שיעור 2 מתוך 33.

רוב השורות ברשימה דומות זו לזו: שורה ראשית, לפעמים שורה קטנה יותר מתחתיה, ואולי סמל בכל אחד מהקצוות. ListTile הוא שורה כזאת, מוכנה לשימוש, עם המידות והריפוד המתאימים.

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

הtitle היא השורה הראשית. הsubtitle מופיעה מתחתיה, קטנה יותר ובצבע רך יותר. שתיהן מקבלות רכיב, בדרך כלל Text.

הרוחב של ListTile זהה לרוחב הרשימה, והוא גדל כדי להתאים לשתי שורות כשיש לו כותרת משנה. שים כמה כאלה בתוך ListView ויש לך רשימת אנשי קשר.

אתגר

קל

השורה של Ada כבר ListTile. הפכו את שני הטקסטים האחרים לאריחים כמו שלה:

Alan Turing עם כותרת משנה +1 555 0102
Grace Hopper עם כותרת משנה +1 555 0103

נסו בעצמכם

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'),
          ],
        ),
      ),
    );
  }
}