Scaffold وAppBar

جزء من قسم تطبيقك الأول في رحلة Flutter على Coddy. الدرس 4 من 32.

Scaffold هو هيكل الشاشة. يمنحك صفحة فارغة ومساحات للأجزاء المعتادة في التطبيق. ويُعدّ body: المنطقة الرئيسية، بينما appBar: هو الشريط الممتد أعلى الشاشة.

Scaffold(
  appBar: AppBar(
    title: Text('Settings'),
  ),
  body: Center(
    child: Text('Nothing here yet'),
  ),
)

يرسم AppBar الشريط العلوي ويعرض فيه title:. يمكن أن يحتوي عنصر واجهة المستخدم على عدة أجزاء مسماة كهذه، يُكتب كل منها على شكل name: value,.

التحدي

سهل

أضف شريطًا علويًا إلى التطبيق:

أضف appBar: إلى Scaffold، فوق body:
اجعله AppBar يكون title: فيه هو Text('My First App')

جرّب بنفسك

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(
        body: Center(
          child: Text('Welcome'),
        ),
      ),
    );
  }
}