Flutter Stateless Widgeti Kullanımı

Herkese merhaba, Flutter yazılarımıza kaldığımız yerden devam ediyoruz. Bu yazımızda Stateless widgetini anlatacağım. Hadi başlayalım !

Stateless Widget Nedir?

Flutter’da, StatelessWidget widget ağacında değiştirilemez ve sabit bir widget tanımlamak için kullanılır. Bu, bir kez oluşturulduktan sonra, widget’ın özellikleri veya durumu değiştirilemez ve widget her zaman aynı görünür.

Özellikleri

Widget Ağacında Yerleşim

StatelessWidget genellikle diğer widget’ların içinde kullanılır. Örneğin, bir Container widget’i içinde bir Text widget’ı oluşturmak isterseniz, Text widget’ını bir StatelessWidget olarak tanımlayabilirsiniz. Bu, Container widget’ını yeniden oluşturmak yerine, Text widget’ını yeniden oluşturarak Text widget’ının değişen özelliklerini güncelleyebilirsiniz.

class MyWidget extends StatelessWidget {
  const MyWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text(
        'Merhaba Dünya!',
        style: TextStyle(fontSize: 20.0),
      ),
    );
  }
}

Değiştirilemezlik

StatelessWidget bir kez oluşturulduktan sonra değiştirilemez. Bu nedenle, widget özellikleri veya durumu değiştirilemez. Ancak, widget’ın özelliklerini değiştirmek istiyorsanız, yeni bir StatelessWidget oluşturabilir ve önceki widget’ı yeniden oluşturabilirsiniz.

class MyWidget extends StatelessWidget {
  final String name;
  const MyWidget({Key? key, required this.name}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text(
        'Merhaba $name!',
        style: TextStyle(fontSize: 20.0),
      ),
    );
  }
}

Yeniden Kullanılabilirlik

StatelessWidget’lar bir kez oluşturulduktan sonra, widget’ın aynı özellikleriyle kullanılabilir. Bu, birden fazla yerde kullanabileceğiniz widget’lar oluşturmanıza olanak tanır.

class MyWidget extends StatelessWidget {
  final String text;
  const MyWidget({Key? key, required this.text}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text(
        text,
        style: TextStyle(fontSize: 20.0),
      ),
    );
  }
}

Yukarıdaki örnekte, MyWidget özelleştirilebilir text özelliğine sahiptir. Bu, widget’ın farklı yerlerde farklı metinleri görüntülemek için yeniden kullanılmasına olanak tanır.

Sonuç

Flutter’da StatelessWidget sabit bir widget oluşturmak için kullanılır ve widget ağacında yerleşim sağlar. Widget’ın özellikleri veya durumu değiştirilemez, ancak yeniden kullanılabilirlik sağlar.

Yukarıdaki özelliklerle birlikte, StatelessWidget aynı zamanda, widget’ın karmaşık durum yönetimine veya özelliklerin dinamik değişimine ihtiyaç duymayan basit widget’lar oluşturmak için de idealdir.

Umarım bu makale, StatelessWidget’in özellikleri hakkında daha iyi bir anlayış kazanmanıza yardımcı olmuştur. Dart ve Flutter hakkında daha fazla bilgi için, Flutter dokümantasyonunu okumanızı öneririm.

Evet Stateless widgeti bu şekilde olmakta. Tüm Flutter yazılarımıza buraya tıklayarak ulaşabilirsiniz. Herkese hayırlı günler.