فلاتر (نرم‌افزار)

اجزای اصلی فلاتر شامل موارد زیر است:

• سکوی دارت
• موتور فلاتر
• کتابخانه پایه
• ابزارک‌های مخصوص طراحی

سکوی دارت

برنامه‌های فلاتر با زبان دارت نوشته می‌شوند و از ویژگی‌های پیشرفته فراوان آن سود می‌برند.

بر روی ویندوز، سیستم‌عامل مک و لینوکس بوسیله پروژه جاسازی رومیزی نیمه رسمی فلاتر، فلاتر بر روی ماشین مجازی دارت که دارای ویژگی کامپایل درجا استفاده می‌کند. در زمان نوشتن یا اشکال‌زدایی برنامه، فلاتر از کامپایل درجا برای تازه‌سازی داغ(hot reload) که باعث تزریق کد منبع تغییر یافته به برنامه درحال اجرا می‌شود استفاده می‌کند. فلاتر این امکان را با پشتیبانی از بارگیری مجدد حالتمند گسترش می‌دهد، در نتیجه در بیشتر مواقع تغییرات در کد منبع می‌تواند در برنامه درحال اجرا، بدون نیاز به راه‌اندازی مجدد یا از دست دادن حالت منعکس شوند.

نسخه‌های انتشار فلاتر بر روی اندروید و آی‌اواس به شکل کامپایل جلوتر از زمان کامپایل می‌شوند که بازدهی بالای آن بر روی دستگاه‌های موبایل را حاصل می‌شود

موتور فلاتر

موتور فلاتر، که در درجه اول با سی پلاس‌پلاس نوشته شده‌است، با استفاده از کتابخانه گرافیکی Skia Google، پشتیبانی رندر سطح پایین را ارائه می‌دهد. این موتور با کیت‌های توسعه نرم‌افزار خاص سکو مانند نمونه‌های ارایه شده برای اندروید و آی‌اواس ارتباط برقرار می‌کند. موتور فلاتر یک موتور زمان‌اجرای قابل‌حمل برای میزبانی برنامه‌های فلاتر است.

کتابخانه پایه

کتابخانه پایه، که با دارت نوشته شده‌است، کلاس‌ها و توابع اساسی برای ساخت برنامه‌های کاربردی با استفاده از فلاتر مانند:رابط برنامه‌نویسی کاربردی را برای برقراری ارتباط با موتور فراهم می‌کند.

ابزارک‌ها

ابزارک‌های مخصوص طراحی

چارچوب فلاتر شامل دو مجموعه ابزارک است که با زبان‌های طراحی خاص مطابقت دارد. ابزارک‌های طراحی متریال که زبان طراحی گوگل را با همین نام پیاده‌سازی می‌کنند، و ابزارک‌های کوپرتینو که دستورالعمل‌های رابط کاربری در طراحی آی‌اواس را اجرا می‌کنند.

کد برنامه «سلام، دنیا!» در فلاتر به این صورت نوشته می‌شود :

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'),
        ),
      ),
    );
  }
}

• وبگاه رسمی