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

Метод 1: использование классов MediaQuery и MediaQueryData
Класс MediaQuery во Flutter предоставляет информацию о текущем медиафайле, включая размер и ориентацию экрана. Используя класс MediaQueryData, мы можем получить доступ к свойству viewInsets, которое представляет область экрана, частично или полностью скрытую элементами системного пользовательского интерфейса, такими как клавиатура. Вот пример того, как проверить видимость клавиатуры с помощью этого метода:

import 'package:flutter/material.dart';
bool isKeyboardVisible(BuildContext context) {
  final mediaQuery = MediaQuery.of(context);
  return mediaQuery.viewInsets.bottom > 0;
}

Метод 2: использование класса FocusNode
Во Flutter класс FocusNode позволяет нам управлять состоянием фокуса виджета. Мы можем подключить прослушиватель к FocusNode и прослушивать изменения в состоянии фокуса, в том числе когда клавиатура отображается или скрывается. Вот пример:

import 'package:flutter/material.dart';
class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
  final FocusNode _focusNode = FocusNode();
  bool _isKeyboardVisible = false;
  @override
  void initState() {
    super.initState();
    _focusNode.addListener(() {
      setState(() {
        _isKeyboardVisible = _focusNode.hasFocus;
      });
    });
  }
  @override
  void dispose() {
    _focusNode.dispose();
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return TextField(
      focusNode: _focusNode,
      decoration: InputDecoration(
        labelText: 'Enter text',
      ),
    );
  }
}

Метод 3: использование пакета Keyboard_visibility
Пакет Keyboard_visibility — это удобный сторонний пакет, который упрощает процесс обнаружения изменений видимости клавиатуры во Flutter. Вы можете добавить пакет в файл pubspec.yaml, а затем использовать предоставленные им методы для проверки видимости клавиатуры. Вот пример:

import 'package:flutter/material.dart';
import 'package:keyboard_visibility/keyboard_visibility.dart';
bool isKeyboardVisible = false;
void main() {
  KeyboardVisibilityNotification().addNewListener(
    onChange: (bool visible) {
      setState(() {
        isKeyboardVisible = visible;
      });
    },
  );
}

В этой статье мы рассмотрели несколько методов проверки видимости клавиатуры во Flutter. Независимо от того, решите ли вы использовать класс MediaQuery, класс FocusNode или сторонний пакет, такой как Keyboard_visibility, теперь у вас есть различные возможности для обнаружения и реагирования на изменения видимости клавиатуры в вашем приложении Flutter. Реализуя эти методы, вы сможете создавать более динамичные и удобные пользовательские интерфейсы.