مقدمة في Flutter — أساسيات Flutter

مقدمة في Flutter

ما هو Flutter؟

Flutter هو إطار عمل من Google لبناء تطبيقات جميلة وسريعة للموبايل والويب وسطح المكتب من كود واحد.

مميزات Flutter:

1. Hot Reload: شاهد التغييرات فوراً خلال ثانية!

2. كود واحد - كل المنصات: iOS, Android, Web, Desktop

3. أداء ممتاز: يُترجم مباشرة لكود أصلي (ARM)

4. تصميم جميل: مكتبة Widgets غنية جداً

5. مجاني ومفتوح المصدر

لغة Dart

Flutter يستخدم لغة Dart من Google:

void main() {
  print('مرحباً بالعالم!');
}

// المتغيرات
var name = 'أحمد';        // نوع تلقائي
String city = 'بغداد';     // نوع محدد
int age = 25;
double price = 99.99;
bool isActive = true;

// const و final
const pi = 3.14;          // ثابت وقت الترجمة
final now = DateTime.now(); // ثابت وقت التشغيل

// القوائم
List<String> names = ['أحمد', 'محمد', 'علي'];
names.add('حسين');

// الخرائط
Map<String, int> ages = {
  'أحمد': 25,
  'محمد': 30,
};

// الدوال
String greet(String name) {
  return 'مرحباً $name!';
}

// Arrow functions
int add(int a, int b) => a + b;

// Classes
class Person {
  String name;
  int age;
  
  Person(this.name, this.age);
  
  void sayHello() {
    print('مرحباً، أنا $name');
  }
}

var person = Person('أحمد', 25);
person.sayHello();

أول تطبيق Flutter:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('أول تطبيق')),
        body: Center(
          child: Text('مرحباً بالعالم!'),
        ),
      ),
    );
  }
}

الفرق بين Flutter و React Native:

| Flutter | React Native |

|---------|--------------|

| Dart | JavaScript |

| Widgets خاصة | Native Components |

| أداء أعلى | أداء جيد |

| تصميم موحد | تصميم أصلي |