Notes

import 'package:flutter/material.dart';

void main() {
runApp(const MyApp()); // proje başlatılırken ilk çalışan fonksiyon.
}

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

@override
Widget build(BuildContext context) {
return const MaterialApp(
debugShowCheckedModeBanner: false, // appbardaki debug yazısını kaldırmaya yarar
title: "Sayaç", // uygulamamızın başlığı
home: Home(), // uygulamanın açılışta hangi sayfayı açtığını belirttik.
);
}
}

class Home extends StatefulWidget { // ekrandaki sayaç değerimiz sürekli değişeceği için statefulwidget kullandık.
const Home({super.key});

@override
State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
int sayac = 0;

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
centerTitle: true, // appbara eklediğimiz yazıyı ortaladık.
title: const Text("Sayaç"),
),
body: Column(
mainAxisAlignment: MainAxisAlignment.center, // Widgetlarımızı dikey eksende ortaladık.
children: [
Row(
// yazılarımızı yan yana getirmek için row widgeti içerisine aldık.
mainAxisAlignment: MainAxisAlignment.center, // yatay eksende yazılarımızı ortaladık.
children: [
const Text(
"Şu anki değer:",
style: TextStyle(fontSize: 25),
),
Text(
sayac.toString(),
style: const TextStyle(
fontSize: 30, fontWeight: FontWeight.bold),
)
],
),
Row(
// yatay eksende widgetlarımızı yerleştirmek için row widgeti oluşturduk ve içerisine butonlarımızı ekledik.
mainAxisAlignment: MainAxisAlignment.center, // yatay eksende ortaladık.
children: [
ElevatedButton(
onPressed: () {
// onPressed metodunda ise butonumuza bastığımızda neler yapması gerektiğini tanımladık.
setState(() {
// setState metodunda ise butona bastığımızda sayac değerimizin yeni değerinin ekranda güncellenmesini sağladık.
// sayac = sayac + 5;
sayac +=5; // Bizim örneğimizde sayac değerimiz beşer olarak artacak
});
},
child: const Text("Arttır"),
),
Padding(
padding: const EdgeInsets.all(8.0), // padding widgeti ise içerisine aldığı widgetin etrafına boşluk vermemizi sağlıyor.
child: ElevatedButton(
onPressed: () {
setState(() {
sayac -= 5;
});
},
child: const Text("Azalt"),
),
)
],
)
]),
);
}
}