👨‍💻
Flutter
  • 👨‍💻Flutter lessons
    • 🎨Flutter ui
      • 🚵‍♂️Travel app
        • 📱1. Lesson
        • 📱2.Lesson
      • 📚Books store
      • 🧑‍⚕️Doctor app
      • 🚖Taxi app
    • 🐦Основы Flutter
      • Page 1
      • Page 2
      • 🧑‍🏫Урок 1: Основные виджеты Flutter
        • Page
        • 🧩Container()
        • 🧩AppBar()
        • 🧩Text()
        • 🧩Icon()
        • 🧩Column()
        • 🧩Row()
        • 🧩TextButton()
        • 🧩ElevatedButton()
      • 🧑‍🏫Урок 2: Создаем UI
      • 🧑‍🏫Урок 3: Создаем UI
      • 🧑‍🏫Урок 4: Создаем UI
    • 🧩Основы dart
      • 🧑‍🏫01. Переменные часть 1
      • 🧑‍🏫01. Переменные часть 2
      • 🧑‍🏫02. Функции
      • 🧑‍🏫03. Условные операторы
      • 🧑‍🏫04. List
      • 🧑‍🏫05. Map
      • 🧑‍🏫06. Class
      • 🧑‍🏫07. Наследование
      • 🧑‍🏫08. Абстракция
      • 🧑‍🏫09. Интерфейсы
      • 🧑‍🏫10. Инкапсуляция
      • 🧑‍🏫11. Mixin
      • 🧑‍🏫12. Асинхронное программирование
      • 🧑‍🏫13. Streams
      • 🎯Final project
        • 🥦Grocery app
        • 🏠Home
    • ⚒️State management
      • ⬛Bloc
        • 1. Введение cubit
          • 1.1 Пример
          • 1.2 Пример
          • 1.3 Пример
          • 1.4 Пример
          • 1.5 Пример
        • 2. Введение в Bloc
      • 🌊Riverpod
    • 🏠Architechture
      • Clean Architechture
      • Bloc
    • 📲Locale storage
      • 🐝Hive
        • 🐝Ui
        • 🐝Hive - локальное хранилище: Введение
        • 🐝Hive - task app: часть 1
        • 🐝Hive - task app: часть 2
        • 🐝Hive - task app: часть 3
        • 🐝Hive - task app: часть 4
        • 🐝Hive - task app: часть 5
      • 🟩Sql
    • 📡Server
      • 📡Server - Lesson01 introduction
      • 📡Server - Lesson02 get data
      • 📡Server - Lesson03 News App get data
    • 🖥️Готовый backend
      • Firebase
      • Supabase
  • 🎯Dart practise
    • 🧑‍💻Переменные
      • 🧑‍💻String
      • 🧑‍💻int
      • 🧑‍💻double
      • 🧑‍💻bool
    • 🧑‍💻Функции
      • 🧑‍💻Обычные функции
      • 🧑‍💻Порядковые параметры
      • 🧑‍💻Обязательные параметры
      • 🧑‍💻Параметры по умолчанию
      • 🧑‍💻Функции-стрелки
      • 🧑‍💻Возвращаемые функции
    • 🧑‍💻Условные операторы
      • 🧑‍💻if/else
      • 🧑‍💻switch/case
      • 🧑‍💻тернарный оператор
    • 🧑‍💻Структура данных
      • 🧑‍💻List
      • 🧑‍💻Map
      • 🧑‍💻Set
    • 🧑‍💻ООП
  • 🧩Flutter Widgets
    • 💻Все виджеты
    • 🎞️Анимации
      • 🧩AnimatedContainer
      • 🧩AnimatedOpacity
      • 🧩AnimatedAlign
      • 🧩AnimatedCrossFade
      • 🧩Hero
      • 🧩AnimatedBuilder
      • 🧩AnimatedPositioned
      • 🧩AnimatedSwitcher
    • 🏗️Манипуляция пространством
      • 🧩Padding
      • 🧩SizedBox
      • 🧩Align
      • 🧩Center
      • 🧩Expanded
      • 🧩Flexible
      • 🧩Spacer
      • 🧩Column
      • 🧩Stack
      • 🧩Row
    • ✍️Отображение текста
      • 🧩RichText
      • 🧩FittedBox
      • 🧩SelectableText
      • 🧩Text
    • 📸Отображение изображений
      • 🧩Image()
      • 🧩Image.network
      • 🧩Image.asset
      • 🧩Image.file
      • 🧩Image.memory
      • 🧩FadeInImage
      • 🧩NetworkImage
      • 🧩AssetImage
    • 📃Списки и прокрутка
      • 🧩ListView()
      • 🧩ListView.builder()
      • 🧩GridView()
      • 🧩GridView.builder()
      • 🧩PageView()
      • 🧩SingleChildScrollView
      • 🧩CustomScrollView
      • 🧩ReorderableListView
      • 🧩NestedScrollView
    • ⌨️Кнопки
      • 🧩TextButton()
      • 🧩ElevatedButton()
      • 🧩IconButton()
      • 🧩DropDownButton()
      • 🧩FloatingActionButton
      • 🧩Checkbox
      • 🧩Radio
      • 🧩Switch
      • 🧩Slider
    • 📝Формы и ввод данных
      • 🧩TextField()
      • 🧩TextFormField
      • 🧩Form
      • 🧩FormField
      • 🧩DatePicker
      • 🧩TimePicker
    • 🧑‍🏫Диалоги и всплывающие окна
      • 🧩AlertDialog
      • 🧩SimpleDialog
      • 🧩BottomSheet
      • 🧩ExpansionPanel
      • 🧩SnackBar
      • 🧩PopupMenuButton
      • 🧩Tooltip
      • 🧩Dialog
    • 🛣️Навигация
      • 🧩BottomNavigationBar()
      • 🧩Navigator
      • 🧩Drawer
      • 🧩TabBar
    • 📱Отображение на экране
      • 🧩Scaffold
      • 🧩Container()
      • 🧩AppBar()
      • 🧩Icon()
      • 🧩Stepper()
  • 🎮Flutter Flame
    • Введение в разработку игр
  • 🔬Flutter projects
  • 🧑‍🎓Homeworks for everyday
    • 🧑‍🎓0. Переменные
    • 🧑‍🎓1. Функции - 1
    • 🧑‍🎓2. Функции - 2
    • 🧑‍🎓3. Условные операторы
    • 🧑‍🎓4. List
    • 🧑‍🎓5. Map
    • 🧑‍🎓6. class
    • 🐝Hive -
    • 🐝Hive clean architecture
    • 📡HTTP
    • 📡HTTP clean architecture
    • 💾Firebase
    • 💾Firebase clean architecture
Powered by GitBook
On this page
  1. Dart practise
  2. Условные операторы

if/else

пять примеров использования оператора if в Flutter с использованием StatefulWidget, от простого к более сложному.

1. Простой пример: Проверка на четное число

В этом примере мы проверяем, является ли введенное число четным или нечетным.

import 'package:flutter/material.dart';

class EvenOddCheckExample extends StatefulWidget {
  @override
  _EvenOddCheckExampleState createState() => _EvenOddCheckExampleState();
}

class _EvenOddCheckExampleState extends State<EvenOddCheckExample> {
  int _number = 4; // Можно менять значение

  String _checkEvenOdd() {
    if (_number % 2 == 0) {
      return "Число четное";
    } else {
      return "Число нечетное";
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Проверка на четность")),
      body: Center(
        child: Text(
          _checkEvenOdd(),
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

2. Пример: Проверка возраста

В этом примере мы проверяем, является ли пользователь совершеннолетним.

import 'package:flutter/material.dart';

class AgeCheckExample extends StatefulWidget {
  @override
  _AgeCheckExampleState createState() => _AgeCheckExampleState();
}

class _AgeCheckExampleState extends State<AgeCheckExample> {
  int _age = 20; // Можно менять значение

  String _checkAge() {
    if (_age >= 18) {
      return "Вы совершеннолетний.";
    } else {
      return "Вы несовершеннолетний.";
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Проверка возраста")),
      body: Center(
        child: Text(
          _checkAge(),
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

3. Пример: Проверка оценки

В этом примере мы создаем приложение, которое позволяет пользователю ввести оценку, и на основе этой оценки выводится соответствующее сообщение о результатах.

import 'package:flutter/material.dart';

class GradeCheckExample extends StatefulWidget {
  @override
  _GradeCheckExampleState createState() => _GradeCheckExampleState();
}

class _GradeCheckExampleState extends State<GradeCheckExample> {
  final TextEditingController _controller = TextEditingController();
  String _resultMessage = "";

  void _checkGrade() {
    // Получаем значение оценки из текстового поля
    int grade = int.tryParse(_controller.text) ?? 0;

    // Проверяем оценку и устанавливаем соответствующее сообщение
    if (grade >= 90) {
      _resultMessage = "Отлично!";
    } else if (grade >= 75) {
      _resultMessage = "Хорошо!";
    } else if (grade >= 60) {
      _resultMessage = "Удовлетворительно.";
    } else {
      _resultMessage = "Неудовлетворительно.";
    }

    // Обновляем состояние виджета
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Проверка оценки")),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextField(
              controller: _controller,
              decoration: InputDecoration(labelText: "Введите вашу оценку"),
              keyboardType: TextInputType.number,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _checkGrade,
              child: Text("Проверить оценку"),
            ),
            SizedBox(height: 20),
            Text(
              _resultMessage,
              style: TextStyle(fontSize: 24),
            ),
          ],
        ),
      ),
    );
  }

4. Пример: Проверка значения и вывод сообщения

В этом примере мы проверяем значение переменной и выводим разные сообщения в зависимости от ее значения.

import 'package:flutter/material.dart';

class ValueCheckExample extends StatefulWidget {
  @override
  _ValueCheckExampleState createState() => _ValueCheckExampleState();
}

class _ValueCheckExampleState extends State<ValueCheckExample> {
  String _status = "active"; // Можно менять значение на "inactive" или "unknown"

  String _checkStatus() {
    if (_status == "active") {
      return "Статус: Активный";
    } else if (_status == "inactive") {
      return "Статус: Неактивный";
    } else {
      return "Статус: Неизвестен";
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Проверка значения")),
      body: Center(
        child: Text(
          _checkStatus(),
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

5. Пример: Проверка пароля

В этом примере мы проверяем, соответствует ли введенный пароль заранее заданному значению.

import 'package:flutter/material.dart';

class PasswordCheckExample extends StatefulWidget {
  @override
  _PasswordCheckExampleState createState() => _PasswordCheckExampleState();
}

class _PasswordCheckExampleState extends State<PasswordCheckExample> {
  final TextEditingController _controller = TextEditingController();
  String _message = "";

  void _checkPassword() {
    if (_controller.text == "flutter123") {
      setState(() {
        _message = "Пароль правильный!";
      });
    } else {
      setState(() {
        _message = "Пароль неверный!";
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Проверка пароля")),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextField(
              controller: _controller,
              decoration: InputDecoration(labelText: "Введите пароль"),
              obscureText: true,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _checkPassword,
              child: Text("Проверить пароль"),
            ),
            SizedBox(height: 20),
            Text(
              _message,
              style: TextStyle(fontSize: 24),
            ),
          ],
        ),
      ),
    );
  }
}

Заключение

Эти примеры показывают, как использовать оператор if в Flutter с StatefulWidget для управления логикой приложения в зависимости от различных условий. Вы можете адаптировать эти примеры для создания более сложных интерактивных интерфейсов.

PreviousУсловные операторыNextswitch/case

Last updated 6 months ago

🎯
🧑‍💻
🧑‍💻