Tombol Pertamamu

Termasuk bagian Membuat Aplikasi Interaktif dalam perjalanan Flutter di Coddy. Pelajaran 1 dari 34.

Sampai sekarang, aplikasi kamu hanya menampilkan sesuatu. Bagian ini membuat aplikasi merespons, dimulai dengan sebuah tombol.

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

child: adalah yang ditampilkan tombol, biasanya Text. onPressed: menentukan apa yang terjadi saat seseorang mengetuknya.

() {} adalah fungsi tanpa nama: potongan kecil kode yang disimpan tombol dan dijalankan setiap kali diketuk. Kodenya berada di antara kurung kurawal. Fungsi ini kosong, jadi mengetuk tombol belum melakukan apa pun, tetapi tombol sudah siap ditekan.

Dengan onPressed: null, tombol menjadi abu-abu dan tidak dapat ditekan. null berarti "tidak ada nilai": tidak ada kode untuk dijalankan.

Tantangan

Mudah

Aplikasi menampilkan kata Start. Ubah menjadi ElevatedButton yang bisa ditekan, dengan Start sebagai child-nya. Fungsi kosong cukup untuk onPressed.

Coba sendiri

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'),
        ),
      ),
    );
  }
}