ما هو Flutter؟

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

Flutter هو حزمة أدوات من Google لبناء التطبيقات. تكتب تطبيقًا واحدًا، ويعمل على هواتف Android وiPhone والويب وأجهزة الكمبيوتر المكتبية. تطبيقات مثل Google Pay وتطبيق BMW مبنية باستخدامه.

تكتب تطبيقات Flutter بلغة تُسمى Dart. ستتعلم ما تحتاج إليه من Dart أثناء تقدمك، جزءًا صغيرًا في كل مرة.

يتكون تطبيق Flutter من عناصر واجهة. عنصر الواجهة هو جزء واحد من الشاشة: سطر نص، أو زر، أو صورة، أو مربع يحتوي على عناصر واجهة أخرى. يحتوي هذا التطبيق على بضعة عناصر منها:

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

الموضع الذي يبدأ منه كل برنامج Dart هو main(). تأخذ runApp عنصر واجهة وتعرضه على الشاشة. في الأسفل، داخل MyApp، يمكنك رؤية عناصر الواجهة التي يعرضها هذا التطبيق: Scaffold (شاشة فارغة)، وCenter وText. لا تحتاج إلى فهم كل سطر الآن. ستفهمها جميعًا بحلول نهاية هذا القسم.

التحدي

سهل

اضغط على Run. سيظهر تطبيقك على شاشة الهاتف.

ثم غيّر Hello, Flutter! إلى أي كلمات تريدها، وأبقِ علامتي الاقتباس حولها، واضغط على Run مرة أخرى لرؤية التغيير. عند الانتهاء، اضغط على Check.

جرّب بنفسك

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('Hello, Flutter!'),
        ),
      ),
    );
  }
}