Flutter, Google tarafından geliştirilen açık kaynak kodlu bir UI yazılım geliştirme kitidir. Genellikle Android ve iOS işletim sistemlerine uygulama geliştirmek için kullanılır. Ayrıca masaüstü ve Web uygulamaları da geliştirilmektedir. Flutter'da uygulamalar geliştirebilmek için Dart dili kullanılır.

Flutter ile aynı altyapıyı kullanarak çapraz(cross) platform mobil uygulamalar geliştirerek hem maliyetten hem de zamandan tasarruf edilebilmektedir.

Flutter birçok geliştirme ortamında yer almayan Hot Reload adında bir gerçek zamanlı düzenleme özelliğine sahiptir. Hot Reload ile geliştiriciler uygulamalarını geliştirirken veya düzenlerken, gerçek zamanlı olarak yaptıkları değişikliklerin uygulama üzerindeki yansımalarını görebilmektedirler. Böylece uygulama geliştirme aşamasında yapılan test süreçleri daha hızlı gerçekleştirilmektedir.

Flutter iki önemli bölümden oluşur:

• Bir SDK (Yazılım Geliştirme Kiti): Uygulamalarınızı geliştirmenize yardımcı olacak bir araç koleksiyonu. Bu, kodunuzu yerel makine koduna (iOS ve Android kodu) derlemek için araçlar içerir.
• Bir Framework (Widget’lara dayalı UI Kütüphanesi): Kendi ihtiyaçlarınıza göre kişiselleştirebileceğiniz yeniden kullanılabilir UI öğeleri (buton, metin girişleri, kaydırıcılar vb.)

Çizim (Rendering)

Flutter alternatifi olan React Native çizim işlemlerini haberleşme yolu ile Native SDK'lar ile yapmaktadır. Flutter ise yine bir Google ürünü olan Skia adında 2 boyutlu bir grafik motoru kullanmaktadır.

Skia Google Chrome, Android ve Mozilla Firefox gibi ürünlerde ve Android’in yerini alacağı iddia edilen yeni işletim sistemi Fuchsia’da da kullanılan, C++ ile geliştirilmiş bir grafik motorudur.

Flutter uygulamaları üretim aşamasında bir parçası da Skia olan Flutter Engine ile birlikte arm binary koda derlenmektedir. Dolayısıyla Dart ile yazılan uygulama, hem IOS’ta hem Android’de donanım seviyesinde çizilmekte ve çalışmaktadır.

Flutter Mimarisi

Flutter kullanılarak yazılmış bir "merhaba dünya" örneği:

import 'package:flutter/material.dart';

void main() => runApp(HelloWorldApp());
class HelloWorldApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    //Uygulama arayüzünde gösterilecek olan alan.
    //MaterialApp veya Scaffold açılabilir, metod ile farklı bir yerden inşa edilebilir.
    
    return MaterialApp(
      title: 'Merhaba Dünya Uygulaması',
      //title ile uygulamanın ismi belirlenir (telefon ana ekranında görünecek olan isim).
     
      home: Scaffold(
        //AppBar() isimli widget otomatik olarak uygulamanın en üstüne bir bar oluşturur.
        appBar: AppBar(
          title: Text('Merhaba'),
          //Uygulama barına "Merhaba" yazdırır.
        ),

        //Center isimli widget ile yazı sayfa ortasına yerleştirilir.
        body: Center(
          child: Text('Merhaba Dünya'),
          //Ekrana "Merhaba Dünya" yazdırır.
        ),
      ),
    );
  }
}