Menu
CoddyTech
flag Ar iconالعربيةdown icon

سهم الرجوع

جزء من قسم القوائم والشاشات في رحلة 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 عبر الإنترنت