So verstecken Sie die Soft-Tastatur im Flattern

Flutter bietet mehrere Möglichkeiten, die Soft-Tastatur auszublenden.

Hier sind einige Möglichkeiten:

1. Verwenden Sie FocusScope.of(context).unfocus()die Methode , um die Soft-Tastatur auszublenden.

FocusScope.of(context).unfocus();

2. Verwenden Sie die SystemChannels.textInput.invokeMethod('TextInput.hide')-Methode, um die virtuelle Tastatur auszublenden.

import 'package:flutter/services.dart';

SystemChannels.textInput.invokeMethod('TextInput.hide');

3. Wenn auf einen beliebigen Teil außerhalb des Textfelds geklickt wird, wird unfocus()die Methode um die virtuelle Tastatur auszublenden.

GestureDetector(
  onTap: () {
    
    
    FocusScope.of(context).unfocus();
  },
  child: Container(
    // Widget tree here
  ),
);

4. Verwenden Sie zum Scaffoldoder SingleChildScrollView zum Ausblenden der virtuellen Tastatur, wenn der Benutzer auf den Bildschirm tippt.bodyGestureDetectorListView

Scaffold(
  body: GestureDetector(
    onTap: () {
    
    
      FocusScope.of(context).unfocus();
    },
    child: SingleChildScrollView(
      child: // Widget tree here,
    ),
  ),
);

5. Verwenden Sie FocusNodeund TextField. Legen Sie die Eigenschaft fest
   und rufen Sie die Methode . Beispiele sind wie folgt:TextFieldfocusNodefocusNode.unfocus()

FocusNode _focusNode = FocusNode();

TextField(
  focusNode: _focusNode,
  // other properties
);

// To hide keyboard
_focusNode.unfocus();

6. Verwenden Sie die Navigator.pop(context)-Methode, um die Bildschirmtastatur auszublenden.
   Diese Methode wird normalerweise verwendet, um die Tastatur auszublenden und zum vorherigen Bildschirm zurückzukehren. Wenn Sie beispielsweise von einem Formularbildschirm zum Hauptbildschirm zurückkehren, blenden Sie die Bildschirmtastatur aus und kehren Sie zurück zum Hauptbildschirm. Beispiele sind wie folgt:

Navigator.pop(context);

7. TextFieldVerwenden Sie das Attribut in, onEditingCompleteum die Bildschirmtastatur auszublenden.
   Wenn der Benutzer auf der Tastatur auf die Schaltfläche „Fertig“ klickt, wird diese Callback-Funktion aufgerufen, und Sie können die Soft-Tastatur in dieser Funktion ausblenden.

TextField(
  onEditingComplete: () {
    
    
    FocusScope.of(context).unfocus();
  },
  // other properties
);

8. Verwenden Sie MediaQuery.of(context).viewInsets.bottom = 0die Methode , um die Soft-Tastatur auszublenden.
   Diese Methode kann den unteren Abstand auf 0 setzen, um die Soft-Tastatur auszublenden.

MediaQuery.of(context).viewInsets.bottom = 0;

9. Verwenden Sie Overlay.of(context).insert(OverlayEntry(builder: (_) => SizedBox.shrink()))die Methode zum Ausblenden der Soft-Tastatur.
   Diese Methode kann eine transparente SizedBox in die Seite einfügen, um die Soft-Tastatur auszublenden. Code zeigen wie folgt:

 Overlay.of(context).insert(OverlayEntry(builder: (_) => SizedBox.shrink()));

10. Verwenden Sie SystemChrome.setEnabledSystemUIOverlays([])die Methode zum Ausblenden der Bildschirmtastatur
    . Mit dieser Methode können Sie die Navigationsleiste und die Statusleiste am unteren Rand des Bildschirms ausblenden und bei Bedarf wieder anzeigen

import 'package:flutter/services.dart';

// To hide system UI
SystemChrome.setEnabledSystemUIOverlays([]);

// To show system UI
SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);

Oben sind einige Möglichkeiten zum Ausblenden der Soft-Tastatur aufgeführt. Sie können eine der Methoden zur Implementierung entsprechend Ihren Anforderungen auswählen.