Flutter & Dart Notes
  • 🔷Flutter Tanıtım
  • Flutter
    • 🗺️Flutter RoadMap 2022
    • Flutter Konular
    • Bottons
    • Wigdet'i to Method
    • Expanded Widget
    • Navigation
      • Named Route
      • Navigation: ModalRoute.of()
      • Navigation: onGenerateRoute
    • Mobil Uygulama Başlarken Yapılacaklar
    • Flutter Manjaro Kurulum
  • Dart
    • Dart Notları
      • Değişkenler
      • Constant - Sabitlerled
      • İf & Switch yapısı
      • Döngüler
      • Bazı Hazır Komutlar
    • Dart Giriş Konuları
Powered by GitBook
On this page

Was this helpful?

  1. Flutter

Wigdet'i to Method

Widget'i Fonksiyona dönüştürmek,

Bir birini tekrarlayan widget'ları bu tekrardan kurtarmak için widget'ı döndüren bir fonksiyon yazarak gerekli yerlerde sadece o fonksiyonu ve fonksiyona ait varsa parametresini çağırarak kodlarımızı fonksiyonel hale getirebiliriz.

Bunu yapmanın iki yolu var.

  1. Yöntem: Fonksiyonu kendimiz oluştururuz.

  2. Yöntem: Fonksiyonu Android Studio'ya oluştururuz.

1.Yöntem = Manuel

// Fonsiyonu Yaz 
  FlatButton buttonYap(String ses, Color renk){
   return FlatButton(
      padding: EdgeInsets.all(8.0),
      onPressed: () {
        sesiCal(ses);
      },
      child: Container(
        color: renk,
      ),
    );
  }
  
  
  // Fonsiyonu Kullan
  
Expanded(
  child: buttonYap('bongo', Colors.redAccent),
),

2. Yöntemin Uygulanması:

FlatButton'ı seç, sağ tıkla,

Refactor'u tıkla ,

Extracth Methodû tıkla,

Fonksiyona isim ver ve Refactor 'ü tıkla. Bitti!

 Expanded(
  child: FlatButton(
    padding: EdgeInsets.all(8.0),
    onPressed: () {
      sesiCal('bip');
   },
  child: Container(
  color: Colors.blue,
 ),
 ),
PreviousBottonsNextExpanded Widget

Last updated 4 years ago

Was this helpful?