Kendi Fonksiyonlarınız

Coddy'nin Flutter Journey'sinin Etkileşimli Uygulamalar bölümünün bir parçası. Ders 6 / 34.

İki düğme aynı şeyi yapıyorsa, kodu bir kez yazıp ona bir ad verebilirsin. Buna fonksiyon denir:

void sayHello() {
  print('Hello!');
}

sayHello onun adıdır, süslü parantezlerin içindeki kod ne yaptığını belirtir ve void hiçbir şey döndürmediği anlamına gelir. Onu tek başına, class MyApp dışında, örneğin doğrudan main satırının altına yaz.

Çalıştırmak için adını parantezlerle yaz: sayHello();. Bir düğmeye vermek içinse adı parantezler olmadan yaz:

ElevatedButton(onPressed: sayHello, child: Text('Hi'))

Parantezler olmadan düğmeye fonksiyonun kendisini verirsin ve düğme bu fonksiyonu her dokunuşta çalıştırır. Parantezlerle, onPressed: sayHello() şeklinde yazarsan Dart fonksiyonu hemen çalıştırır ve sonucunu düğmeye verir; sonuç hiçbir şey olmadığı için kod derlenmez.

Görev

Kolay

Her iki düğme de Hello! yazdırmalıdır. Hello! yazdıran bir sayHello işlevi yazın ve bunu Say hello düğmesine ve el sallayan simgeli kayan düğmeye verin.

Kendin dene

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              print('Hello!');
            },
            child: Text('Say hello'),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {},
          child: Icon(Icons.waving_hand),
        ),
      ),
    );
  }
}