Flutter Widget’ları Temel Rehber

Giriş

Flutter, mobil uygulama geliştirmek için popüler bir framework'tür. Birçok geliştirici tarafından tercih edilmesinin nedeni, hızlı bir şekilde güzel kullanıcı arayüzleri oluşturmaya olanak tanımasıdır. Flutter'ın güçlü yönlerinden biri, sunduğu çeşitli widget'lar ve bu widget'ların esnek yapılandırmasıdır. Bu makalede, Flutter widget'larının temellerine odaklanacağız ve ne gibi avantajlar sağladığını inceleyeceğiz.

Flutter Widget'ları Nedir?

Widget'lar, Flutter uygulamalarının temel yapı taşlarıdır. Bir uygulama içindeki her şey, kullanıcı arayüzü nesneleri, düzen, butonlar ve metin alanları gibi widget'lardan oluşur. Flutter'da iki ana tür widget bulunmaktadır:

Stateful Widget'lar

Stateful widget'lar, durumu zamanla değişebilen widget'lardır. Örneğin, bir butonun tıklanması durumunu veya bir form alanının değerini saklayabiliriz.

import 'package:flutter/material.dart';

class MyStatefulWidget extends StatefulWidget {
  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(
          '$_counter',
          style: TextStyle(fontSize: 24),
        ),
        ElevatedButton(
          onPressed: _incrementCounter,
          child: Text('Artır'),
        ),
      ],
    );
  }
}

Statik Widget'lar

Statik widget'lar ise durumu değişmeyen widget'lardır. Örneğin, sabit metin ve resimler gibi. Bu widget'lar oluşturulduktan sonra içeriklerini değiştirmedikçe uygulamanın durumu üzerinde bir etkisi yoktur.

import 'package:flutter/material.dart';

class MyStaticWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text(
        'Merhaba Flutter!',
        style: TextStyle(fontSize: 24),
      ),
    );
  }
}

Sonuç

Sonuç olarak, Flutter widget'ları, kullanıcı arayüzlerini oluşturmanın en temel ve etkili yoludur. Hem stateful hem de statik widget'ların nasıl kullanılacağını anlamak, Flutter geliştirme sürecinin önemli bir parçasıdır. Uygulama geliştirirken, uygun widget'ların seçimi, hem performansı artırır hem de kullanıcı deneyimini iyileştirir. Flutter ile ilgili daha fazla bilgi edinmek için resmi belgeleri incelemenizi öneririm.