Pengambilan Keputusan dengan if dan else

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

if menjalankan kode hanya saat sesuatu benar. else menjalankan kode lain saat kondisi itu tidak terpenuhi:

if (_count < 10) {
  _count++;
} else {
  print('Full');
}

Bagian di dalam tanda kurung adalah perbandingan, yaitu bool: true atau false.

a == b: a sama dengan b (dua tanda sama dengan; satu tanda digunakan untuk memberi nilai kepada variabel)
a != b: a tidak sama dengan b
a < b dan a > b: kurang dari, lebih dari
a <= b dan a >= b: kurang dari atau sama dengan, lebih dari atau sama dengan

Perhatikan batasnya: dengan 8 gelas, _glasses < 8 bernilai false, tetapi _glasses <= 8 tetap bernilai true dan memungkinkan gelas kesembilan.

Di dalam class State, context tersedia di setiap method, bukan hanya di build, jadi sebuah method juga dapat menampilkan SnackBar.

Tantangan

Mudah

Delapan gelas air sehari sudah cukup. Ubah _drink agar menambahkan satu gelas hanya jika jumlahnya kurang dari 8. Jika tidak, fungsi itu menampilkan SnackBar yang berisi That is enough for today.

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: const HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  int _glasses = 0;

  void _drink() {
    setState(() {
      _glasses++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Water')),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Text('Glasses today: $_glasses', style: const TextStyle(fontSize: 24)),
            const SizedBox(height: 16),
            ElevatedButton(onPressed: _drink, child: const Text('Drink a glass')),
          ],
        ),
      ),
    );
  }
}