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

Метод 1: базовое использование
Самый простой способ использования виджета IconButton — указать значок и обратный вызов onPressed. Вот пример:

IconButton(
  icon: Icon(Icons.favorite),
  onPressed: () {
    // Perform action on button press
  },
)

Метод 2: настройка значка и размера
Вы можете настроить значок и размер IconButton с помощью свойств iconи iconSize. Давайте посмотрим пример:

IconButton(
  icon: Icon(Icons.shopping_cart),
  iconSize: 30,
  onPressed: () {
    // Perform action on button press
  },
)

Метод 3: добавление всплывающей подсказки
Чтобы обеспечить дополнительный контекст для IconButton, вы можете добавить всплывающую подсказку с помощью свойства tooltip. Вот пример:

IconButton(
  icon: Icon(Icons.settings),
  tooltip: 'Settings',
  onPressed: () {
    // Perform action on button press
  },
)

Метод 4: отключение кнопки
Вы можете отключить IconButton, установив для обратного вызова onPressedзначение null. Это предотвращает нажатие кнопки. Пример:

IconButton(
  icon: Icon(Icons.send),
  onPressed: null,
)

Метод 5: изменение цвета кнопок
Вы можете настроить цвет IconButton с помощью свойств colorи highlightColor. Давайте посмотрим пример:

IconButton(
  icon: Icon(Icons.delete),
  color: Colors.red,
  highlightColor: Colors.redAccent,
  onPressed: () {
    // Perform action on button press
  },
)

Метод 6: создание IconButton в AppBar
Вы также можете использовать виджет IconButton в AppBar вашего приложения Flutter. Вот пример:

AppBar(
  title: Text('My App'),
  actions: [
    IconButton(
      icon: Icon(Icons.search),
      onPressed: () {
        // Perform search action
      },
    ),
  ],
)

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