Fungsi Buatanmu

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

Jika dua tombol melakukan hal yang sama, kamu bisa menulis kodenya sekali lalu memberinya nama. Itulah sebuah fungsi:

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

sayHello adalah namanya, kode di dalam kurung kurawal adalah yang dilakukannya, dan void berarti fungsi itu tidak mengembalikan apa pun. Tulis fungsi ini sendiri, di luar class MyApp, misalnya tepat di bawah main.

Untuk menjalankannya, tulis namanya dengan tanda kurung: sayHello();. Untuk memberikannya kepada tombol, tulis namanya tanpa tanda kurung:

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

Tanpa tanda kurung, kamu memberikan fungsi itu sendiri kepada tombol, lalu tombol akan menjalankannya setiap kali ditekan. Dengan tanda kurung, onPressed: sayHello(), Dart akan langsung menjalankannya dan memberikan hasilnya kepada tombol. Hasilnya tidak ada, jadi kode tidak dapat dikompilasi.

Tantangan

Mudah

Kedua tombol harus mencetak Hello!. Tulis fungsi sayHello yang mencetak Hello!, lalu berikan fungsi itu kepada tombol Say hello dan tombol mengambang dengan ikon tangan melambai.

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: ElevatedButton(
            onPressed: () {
              print('Hello!');
            },
            child: Text('Say hello'),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {},
          child: Icon(Icons.waving_hand),
        ),
      ),
    );
  }
}