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 verdadeirosa || 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 é verdadeiraO 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')Desafio
FácilA porta só abre com a chave e o código. Altere as duas linhas:
- a primeira exibe
The door is openquando você tem a chave e sabe o código; caso contrário, exibeThe door is locked - a segunda exibe
Getting closerquando você tem a chave ou sabe o código; caso contrário, exibeFind 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'),
),
],
),
),
);
}
}
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
1Botões
Seu primeiro botãoImprimir no consoleBotões de texto e contornoBotões com íconesO botão de ação flutuante7Interruptores e controles deslizantes
Ligar e desligar com um interruptorMarcar uma caixa de seleçãoEscolher um valor com um controle deslizante5Decisões
bool e o operador ?: Decisões com if e elseAnd, Or e Not em DartExibir e ocultar um widgetDesativar visualmente um botãoPratique por conta própria: Compilador de Flutter online