Tekrar kullanılabilirlik

Aynı widget'ı birden çok ekranda kullanmayı öğrenirsin.

Tekrar kullanılabilirlik

Bir özel widget'ı bir kez yazıp birçok ekranda kullanabilirsin. Aynı Baslik sınıfı hem AnaEkran'da hem ProfilEkran'da kullanılabilir; bu, kod tekrarını önler ve tutarlılık sağlar. Widget'ı ayrı bir dosyaya koyup import ile çekerek tüm projede paylaşabilirsin.

class Baslik extends StatelessWidget {
  final String yazi;
  const Baslik({super.key, required this.yazi});

  @override
  Widget build(BuildContext context) => Text(yazi);
}

class AnaEkran extends StatelessWidget {
  const AnaEkran({super.key});
  @override
  Widget build(BuildContext context) => Baslik(yazi: 'Ana');
}

Ayrı dosyada widget tanımlama

Bir widget'ı kendi dosyasına koyduktan sonra, kullanacağın dosyanın başına import 'dosya_yolu.dart'; yazarsın. Dart, dosya adını bir kütüphane adı gibi ele alır. Böylece proje boyunca aynı widget sınıfına erişirsin.

// widgets/baslik.dart
class Baslik extends StatelessWidget {
  // ...
}

// ekrana_ekran.dart
import 'widgets/baslik.dart';

class AnaEkran extends StatelessWidget {
  // Baslik burada kullanılabilir
}

Uygulama Baslik widget'ını yeniden kullan

Baslik adında StatelessWidget tanımla: final String yazi alanı required olsun ve build metodu Text(yazi) döndürsün. Sonra AnaEkran adında başka bir StatelessWidget tanımla; build metodu Baslik(yazi: 'Ana') döndürsün. main içinde 'hazir' yazdır.

Örnek çözümü göster

import 'package:flutter/widgets.dart';

class Baslik extends StatelessWidget {
  final String yazi;
  const Baslik({super.key, required this.yazi});

  @override
  Widget build(BuildContext context) {
    return Text(yazi);
  }
}

class AnaEkran extends StatelessWidget {
  const AnaEkran({super.key});

  @override
  Widget build(BuildContext context) {
    return Baslik(yazi: 'Ana');
  }
}

void main() {
  print('hazir');
}

Kendini test et

Bir widget'ı başka dosyada kullanmak için ne yapılır?
- http.get çağrısı yapmak
- jsonDecode yapmak
- Widget'ı yeniden yazmak
- import ile dosyayı çekmek
Cevabı göster

import ile dosyayı çekmek — Ayrı dosyadaki bir widget'ı kullanmak için import ile dosyayı içe aktarırsın. Yeniden yazmak tekrara yol açar, http.get ağ isteğidir, jsonDecode JSON çözmek içindir; bunlar dosya paylaşımıyla ilgili değildir.

Dosyayı içe aktar

// ana_ekran.dart
____

class AnaEkran extends StatelessWidget {
  // Baslik burada kullanılır
}

Cevabı göster

// ana_ekran.dart
import 'widgets/baslik.dart'

class AnaEkran extends StatelessWidget {
  // Baslik burada kullanılır
}

Tekrar kullanılabilirlik parçaları

import

dosyayı içe aktarma
ayrı dosya

widget'ın kütüphanesi
aynı sınıf

birden çok ekranda kullanım
kod tekrarı

önlünen sorun

Sıradaki ders: Özet - Özel widget

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler