Flattern: Erkennen der Tastatur öffnen/schließen

Ich habe eine BottomNavigationBar auf der obersten Ebene von meine app. Ich will erkennen, Tastatur öffnen/schließen, im Grunde überall in der app/Teilbaum, so kann ich ein - /ausblenden der BottomNavigationBar wenn die Tastatur sichtbar ist.

Dies ist ein Allgemeines Problem und kann nicht direkt mit der BottomNavigationBar. In anderen Worten, Auszug aus der BottomNavigationBar 🙂

InformationsquelleAutor Jakob Kristensen | 2018-02-12
  1. 13

    Ich gerade erstellt ein flattern plugin zu Benachrichtigen, die über die Tastatur öffnen/schließen Ereignisse. Funktioniert sowohl auf Android und iOS. Hoffe, das hilft

    https://github.com/adee42/flutter_keyboard_visibility

    • wie sind wir suppossed dieses plugin benutzen? jede Dokumentation?
    • Nur beziehen sich die read me. Es ist sehr einfach zu bedienen: link
    • Leider konnte ich nicht finden, das Paket auf pub.dartlang. Das ist Brillant, die einzige Möglichkeit, die ich gefunden habe, um zu wissen, wenn die Tastatur wirklich sichtbar ist oder nicht (auch wenn Ihre Tastatur verfügt über eine floating-Tastatur)
    • Hier der link zu den dartlang Seite: link
    • Ich habe gerade Stern Ihr Projekt!
    • Dies ist eine gute plugin. Danke!!!

    InformationsquelleAutor ad ee
  2. 12

    Prüfen für Tastatur Sichtbarkeit, überprüfen Sie einfach für die viewInsets Eigenschaft überall im widget-Baum. Die Tastatur wird ausgeblendet, wenn viewInsets.bottom ist gleich null.

    Können Sie die viewInsets mit MediaQuery wie:

    MediaQuery.of(context).viewInsets.bottom

    Hoffe, dass geholfen!

    • Das ist eine schlechte Praxis. ViewInset ist nicht spezifisch für die Tastatur. Ich würde vorschlagen, zu verwenden platform_channel direkt aufrufen native API, die sagt, wenn die Tastatur sichtbar ist oder nicht.
    • Aber das ist der einzige Weg, können Sie es tun. Beachten Sie die Größe der Fenster zu schließen, wenn die Tastatur sichtbar ist, gibt es keine direkte Methode, soweit ich weiß. Werfen Sie einen Blick auf this. Wenn ich bin falsch machen, korrigieren Sie mich.
    • Und mehr über ist, dachte ich Durchführung einer platform_channel ist hier überflüssig, da die viewInsets sind bereits aktualisiert, mit Bezug auf Ereignisse.
    • Aber ViewInset ist nicht "isKeyboardVisible". Wenn Sie eine floating-Tastatur, es wird sichtbar, ViewInset 0 zum Beispiel
    • Das stimmt, aber im Idealfall isKeyboardVisible = viewInsets.unten > 200px oder nicht gleich null, im Idealfall. Es gibt keinen anderen Weg, dass Sie sagen können wenn die Tastatur sichtbar ist.
    • Ich denke, floating Tastatur-Szenario ist unvermeidlich. Ich finde keine docs oder Referenz zu erkennen, eine floating-Tastatur. Wenn Sie können, tun, mich weiterzubilden. 🙂
    • Platform_channel sollten die Dinge etwas besser. IOS (und wahrscheinlich Fuchsien) haben einige Veranstaltungen auf der Tastatur Sichtbarkeit. Das problem ist Android, denke ich. Aber dann für Android nur Sie könnte verwenden ViewInset.
    • Die Umsetzung der WidgetsBindingObserver und insbesondere die Methode didChangeMetrics kann eine Lösung sein. Siehe Artikel
    • Das funktioniert ziemlich gut, und ich bin eigentlich nur mit weil meine Seite layout sieht schlecht aus, wenn es zusammengezogen zu einem so kleinen Raum, so dass ich entfernen Sie einige Dinge. Also ich glaube nicht, dass dies ist eine schlechte Lösung für die meisten Fälle (welche sich auf UI).

    InformationsquelleAutor Hemanth Raj
  3. 2

    Können Sie die keyboard_visibility Paket dies effektiv zu tun, ich habe es benutzt und es funktioniert wie Charme.

    Zu installieren

    dependencies:
  keyboard_visibility: ^0.5.2

    Nutzung

    import 'package:keyboard_visibility/keyboard_visibility.dart';

@protected
void initState() {
  super.initState();

  KeyboardVisibilityNotification().addNewListener(
    onChange: (bool visible) {
      print(visible);
    },
  );
}

    Unterstützt es auch die Zuhörer wie ein - /ausblenden.

    hier ist der link

    InformationsquelleAutor AbdulGafar Ajao
  4. 0

    Können Sie MediaQuery.of(context).viewInsets.bottom. Schauen Sie sich einfach die Dokumentation unten.

    ///Die Teile der Anzeige, die sind komplett verdunkelt, system UI, ///in der Regel, indem das Gerät die Tastatur. //////Wenn ein
    mobilen Gerät die Tastatur sichtbar ist viewInsets.bottom ///
    entspricht der Oberseite der Tastatur. //////Dieser Wert ist
    unabhängig von der [padding]: beide Werte sind ///gemessen von der
    Kanten des [MediaQuery] widget Grenzen. Die ///Grenzen des top
    Ebene MediaQuery erstellt von [WidgetsApp] sind die ///gleiche wie die
    Fenster (oft dem mobilen Gerät Bildschirm), enthält die app. ///

    ///Siehe auch: //////* [MediaQueryData], die einige
    weitere Details zu dieser ///die Eigenschaft und wie unterscheidet es sich von
    [padding]. Letzte EdgeInsets viewInsets;

    InformationsquelleAutor kaushik samanta
Schreibe einen Kommentar