Menu
CoddyTech

And, Or e Not em Dart

Parte da seção Tornando o app interativo do Journey de Flutter da Coddy. Lição 19 de 34.

Muitas vezes, um bool não é suficiente. Dart combina valores booleanos com três operadores:

  • a && b (e): verdadeiro somente quando ambos são verdadeiros
  • a || b (ou): verdadeiro quando pelo menos um é verdadeiro
  • !a (não): inverte verdadeiro e falso
bool _hasTicket = true;
bool _isLate = false;

_hasTicket && !_isLate   // true: você pode embarcar
_hasTicket || _isLate    // true: pelo menos uma das condições é verdadeira

O resultado é um bool, então ele pode vir antes do ? de uma expressão condicional ou ser usado em um if. Os parênteses facilitam a leitura:

Text((_hasTicket && !_isLate) ? 'Board now' : 'Wait')
challenge icon

Desafio

Fácil

A porta só abre com a chave e o código. Altere as duas linhas:

  • a primeira exibe The door is open quando você tem a chave e sabe o código; caso contrário, exibe The door is locked
  • a segunda exibe Getting closer quando você tem a chave ou sabe o código; caso contrário, exibe Find the key and the code

Experimente você mesmo

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> {
  bool _hasKey = false;
  bool _knowsCode = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Door')),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            const Text('The door is locked', style: TextStyle(fontSize: 24)),
            const Text('Find the key and the code'),
            const SizedBox(height: 16),
            ElevatedButton(
              onPressed: () {
                setState(() {
                  _hasKey = true;
                });
              },
              child: const Text('Take the key'),
            ),
            ElevatedButton(
              onPressed: () {
                setState(() {
                  _knowsCode = true;
                });
              },
              child: const Text('Learn the code'),
            ),
          ],
        ),
      ),
    );
  }
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Tornando o app interativo

Pratique por conta própria: Compilador de Flutter online