سهم الرجوع
جزء من قسم القوائم والشاشات في رحلة 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'),
),
);
}
}
يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس القوائم والشاشات
1قوائم قابلة للتمرير
قائمة قابلة للتمريرعناصر القائمةالبداية والنهايةاضغط على عنصر قائمةفواصل بين الصفوف6علامات التبويب والأدراج والتمرير بالسحب
علامات التبويب مع شريط تنقلأيقونات ممتلئة لعلامة التبويب المفتوحةدرج جانبياسحب للحذفالتراجع عن السحبتدرّب بنفسك: مترجم Flutter عبر الإنترنت