flutter_keyboard_size

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

flutter_keyboard_size ist ein leichtgewichtiges Flutter-Paket, das Echtzeitinformationen über die Bildschirmtastatur bereitstellt, einschließlich ihrer Höhe und ob sie geöffnet ist. Es hilft auch dabei festzustellen, ob die Bildschirmgröße klein ist, was für responsive UI-Anpassungen nützlich ist. Das Paket bietet eine einfache providerbasierte API, um den Tastaturstatus und -abmessungen auf mehreren Plattformen zu erhalten, wodurch konsistentes Verhalten unter Android, iOS, Web, macOS, Windows und Linux gewährleistet wird. Ideal für Apps, die bei Erscheinen oder Verschwinden der Tastatur eine dynamische Layoutanpassung benötigen.

Anwendungsfälle

Anpassen der Benutzeroberfläche, wenn die Tastatur geöffnet wird
Erkennen der Tastatur Sichtbarkeit in Formularen
Reaktionsfähiges Design für kleine Bildschirme
Eingabefeldpositionierung verwalten
Dynamische Auffüllung basierend auf der Tastaturhöhe

Hauptmerkmale

Echtzeit-Erkennung der Tastaturhöhe
Überwachung des Öffnungs-/Schließzustands der Tastatur
Bildschirmgrößen-Klassifizierung
Zustandsverwaltung basierend auf Provider
Plattformübergreifende Unterstützung
Einfache API-Integration

Geeignet für

Formular-lastige Anwendungen
Chat- oder Nachrichtenoberflächen
Mobile-first-Benutzeroberflächen
Reaktive Layouts
Anwendungen, die dynamische Eingabehandlung erfordern

Hinweise

Kann bei Zustandsänderungen Neubauten erfordern
Beschränkt auf tastaturbezogene Metriken
Nicht geeignet für komplexe Gestenerkennung
Abhängig von plattformspezifischen Tastaturereignissen
Am besten mit State-Management wie Provider verwenden

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

When the virtual keyboard is opened, we can get its height with MediaQuery.of(context).viewInsets.bottom

BUT, in case of complicated widgets tree, it doesn't work. So, every time we have to mutate the keyboard size down to the widget tree.

This package is a straightforward and convenient provider that helps get info about: keyboard height, is it open or not, set bool value is screen small or not.

Usage

After installing wrap Scaffold widget to

KeyboardSizeProvider(
      smallSize: 500.0,
      child: Scaffold(

where smallSize property is optional, default is 400.0

After that, down to the widget tree you can use Consumer widget to get info about keyboard

Widget build(BuildContext context) {
    return Consumer<ScreenHeight>(
      builder: (context, _res, child) {
        return Center(

available properties:

  double keyboardHeight
  double screenHeight
  bool isSmall // returns true if screen height becomes less then smallSize property
  bool isOpen // true if open

Full example is here https://github.com/awaik/flutter_keyboard_size/tree/master/example

Credits

This is a project by Agoradesk, P2P cryptocurrency trading platform. Created by the team behind LocalMonero, the biggest and most trusted Monero P2P trading platform.

Pakete, Repositories und App-Kategorien suchen