חץ החזרה
חלק מהיחידה רשימות ומסכים במסלול ה-Flutter של Coddy. שיעור 19 מתוך 33.
למסך שדוחפים למחסנית צריך להיות אמצעי לחזור אחורה. AppBar מספק את זה בחינם: כשיש מסך מתחתיו במחסנית, סרגל האפליקציה מציג חץ חזרה בתחילתו.
Scaffold(
appBar: AppBar(title: const Text('Details')),
body: ...,
)הקשה על החץ מסירה את המסך העליון מהמחסנית, והמסך שמתחתיו מופיע שוב כפי שהיה. גם מחוות החזרה של הטלפון וגם כפתור החזרה של Android עושים את אותו הדבר.
אין מסך מתחת למסך הראשון של האפליקציה, ולכן סרגל האפליקציה שלו לא מציג חץ.
אתגר
קלפתח את הפרטים בטלפון: אין דרך לחזור. הוסף ל־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'),
),
);
}
}
השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה רשימות ומסכים
תרגלו בעצמכם: קומפיילר Flutter אונליין