Menu
CoddyTech

חץ החזרה

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

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

Scaffold(
  appBar: AppBar(title: const Text('Details')),
  body: ...,
)

הקשה על החץ מסירה את המסך העליון מהמחסנית, והמסך שמתחתיו מופיע שוב כפי שהיה. גם מחוות החזרה של הטלפון וגם כפתור החזרה של Android עושים את אותו הדבר.

אין מסך מתחת למסך הראשון של האפליקציה, ולכן סרגל האפליקציה שלו לא מציג חץ.

challenge icon

אתגר

קל

פתח את הפרטים בטלפון: אין דרך לחזור. הוסף ל־DetailScreen AppBar שכותרתו Details, כדי שיופיע בו חץ חזרה.

נסו בעצמכם

import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomeScreen(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Home')),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => const DetailScreen()),
            );
          },
          child: const Text('Open details'),
        ),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: const Center(
        child: Text('Here are the details'),
      ),
    );
  }
}
quiz iconבחנו את עצמכם

השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.

כל השיעורים ביחידה רשימות ומסכים

תרגלו בעצמכם: קומפיילר Flutter אונליין