İlk Düğmeniz

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

Şimdiye kadar uygulamaların yalnızca içerik gösteriyordu. Bu bölüm, bir düğmeyle başlayarak onların yanıt vermesini sağlayacak.

ElevatedButton(
  onPressed: () {},
  child: Text('Start'),
)

child:, düğmenin gösterdiği şeydir; genellikle bir Text olur. onPressed: ise birisi düğmeye dokunduğunda ne olacağını belirler.

() {}, adı olmayan bir fonksiyondur: düğmenin sakladığı ve her dokunuşta çalıştırdığı küçük bir kod parçasıdır. Kod, küme parantezlerinin arasına yazılır. Bu örnek boş olduğundan dokununca henüz hiçbir şey olmaz, ancak düğme basılmaya hazırdır.

onPressed: null kullanıldığında düğme gri görünür ve basılamaz. null, "değer yok" anlamına gelir: çalıştırılacak kod yoktur.

Görev

Kolay

Uygulama Start sözcüğünü gösteriyor. Bunu, alt öğesi Start olan ve basılabilen bir ElevatedButton hâline getirin. onPressed için boş bir işlev yeterlidir.

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: Text('Start'),
        ),
      ),
    );
  }
}