if와 else를 사용한 조건문

Coddy Flutter 여정의 앱에 상호작용 추가하기 섹션에 포함된 레슨. 34개 중 18번째.

if는 조건이 참일 때만 코드를 실행합니다. 조건이 참이 아닐 때는 else가 다른 코드를 실행합니다.

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

괄호 안에 들어가는 것은 비교이며, bool 값인 참 또는 거짓입니다.

a == b: a는 b와 같습니다(등호 두 개입니다. 등호 하나는 변수에 값을 할당할 때 사용합니다.)
a != b: a는 b와 같지 않습니다
a < b 및 a > b: 미만, 초과
a <= b 및 a >= b: 이하, 이상

경계값에 주의하세요. 잔이 8개일 때 _glasses < 8은 거짓이지만, _glasses <= 8은 여전히 참이므로 아홉 번째 잔까지 허용합니다.

State 클래스 안에서는 build뿐만 아니라 모든 메서드에서 context를 사용할 수 있으므로, 메서드에서도 SnackBar를 표시할 수 있습니다.

챌린지

쉬움

하루에 물 8잔이면 충분합니다. _drink를 수정하여 잔 수가 8잔 미만일 때만 한 잔을 추가하도록 하세요. 그렇지 않으면 That is enough for today라고 표시하는 SnackBar를 보여 줍니다.

직접 해보기

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