فلاتر (منصة برمجية)

معلومات عامة
نوع	إطار عمل
النموذج المصدري	حقوق التأليف والنشر محفوظة
المطور الأصلي	جوجل
المطورون	جوجل; Jonah Williams (en) ; Adam Barth (en) ; Greg Spencer (en) ; Ian Hickson (en)
موقع الويب	flutter.dev (الإنجليزية)
نمط البرمجة	برمجة تصريحية
لغة البرمجة	سي++; دارت , سهم; محرك الرسومات Skia
التوثيق	api.flutter.dev; master-api.flutter.dev
الإصدار الأول	23 أكتوبر 2014
الإصدار الأخير	3.19.0 ; (15 فبراير 2024) ;
المستودع	github.com…
الرخصة	ترخيص BSD ب3-بند

فلاتر (بالإنجليزية: Flutter) هي برنامج مفتوح المصدر لمجموعة أدوات تطوير البرمجيات تم تطويرها من قبل جوجل لبناء واجهات المستخدم لتطبيقات نظام الأندرويد ونظام أي أو إس ونظام الويندوز وتطبيقات الويب.^[5]

تم إنشاء اطار عمل فلاتر فلاتر من الصفر واستخدم لكتابته وبنائه لغة دارت ولغة سي++ وهو لا يزال نوعاً ما في مرحلتها التجريبية، على الرغم من ذلك، فاطار عمل فلاتر تم اصداره رسمياً لكن لا يزال في المرحلة التجريبية للنجاح، يستخدم اطار عمل فلاتر في الأساس لتطوير واجهات الاستخدام ويتعاون مع لغة البرمجة دارت للتعامل مع العمليات البرمجية جهة البرنامج الخلفية.^[6]

تم تحسين وتطوير اطار عمل فلاتر لجعله أداة عملية قوية لتحسين سرعة وكفاءة التطبيقات، كما تعتبر هذه نعمة للمؤسسات والمطورين ومن يسعى للعمل على المنصتين بأقل وأوفر جهد وتكلفة.

يساعد اطار عمل فلاتر المصممين والمبرمجين على تشييد تطبيقات بتصميم عصري وجذاب من خلال حزم ومكتبات مبنية ومكتوبة مسبقاً وجاهزة للاستخدام مما سيسهل عليك عملك كثيراً.^[6]

بنية الإطار عدل

مكونات إطار فلاتر الرئيسية تتكون من:

لغة برمجة Dart
محرك فلاتر
المكتبات الأساسية
عناصر (widgets) مخصصة

عناصر Widgets عدل

كل شيء في فلاتر هو عبارة عن widgets , يزود إطار فلاتر المبرمجين بمجموعة كبيرة من هذة العناصر التي تؤدي وظائف متنوعة داخل التطبيق، مثل:

النصوص - Texts
الصور - Images
ايقونة التطبيق - Icon
العمود - Column

مثال تطبيق Hello World» عدل

هكذا يبدو تطبيق Hello World باستخدام فلاتر:

import 'package:flutter/material.dart';

void main() => runApp(HelloWorldApp());

class HelloWorldApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hello World App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello World App'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}