This is the behavior that iOS users expect. It is found in iMessage, FB Messenger, Instagram, and all popular iOS apps. I need my app to work the same way. This is very important to me. Please support it as soon as possible.

UIScrollView.KeyboardDismissMode.interactive
"The keyboard follows the dragging touch offscreen, and can be pulled upward again to cancel the dismiss."

In the meantime, I will make-do with a class that implements the less-popular mode:
UIScrollView.KeyboardDismissMode.onDrag
"The keyboard is dismissed when a drag begins."

To help others facing this problem, I'm providing my code (under the same license as Flutter):

import 'dart:io' show Platform;
import 'package:flutter/widgets.dart'
    show
        BuildContext,
        FocusNode,
        FocusScope,
        NotificationListener,
        ScrollNotification,
        State,
        StatefulWidget,
        UserScrollNotification,
        Widget;

class DismissKeyboardOnDrag extends StatefulWidget {
  final bool enabled;
  final Widget child;

  /// DismissKeyboardOnDrag dismisses the keyboard when the user finishes
  /// scrolling the page.  [enabled] defaults to true on iOS and false on Android.
  ///
  /// Android users habitually use the 'Back' button to dismiss the keyboard.  So
  /// by default this class does nothing on Android builds.
  ///
  /// iOS users are accustomed to swiping the keyboard down.  This is behavior
  /// comes from using [UIScrollView.KeyboardDismissMode.interactive](https://developer.apple.com/documentation/uikit/uiscrollview/keyboarddismissmode/interactive).
  /// There is a [feature request to add that mode to Flutter](https://github.com/flutter/flutter/issues/21814).
  ///
  /// Until that feature is implemented, we can make-do with dismissing the
  /// keyboard when the user scrolls the page.  This is very similar to the
  /// behavior when using [UIScrollView.KeyboardDismissMode.onDrag](https://developer.apple.com/documentation/uikit/uiscrollview/keyboarddismissmode/ondrag).
  DismissKeyboardOnDrag({bool enabled, this.child})
      : this.enabled = enabled == null ? Platform.isIOS : enabled;

  @override
  State createState() => new _DismissKeyboardOnDragState();
}

class _DismissKeyboardOnDragState extends State<DismissKeyboardOnDrag> {
  final FocusNode _focusNode = new FocusNode();

  @override
  void dispose() {
    _focusNode.dispose();
    super.dispose();
  }

  bool _onScrollNotification(ScrollNotification notification) {
    if (notification is UserScrollNotification) {
      FocusScope.of(context).requestFocus(_focusNode);
    }
    return false;
  }

  @override
  Widget build(BuildContext context) => this.widget.enabled
      ? NotificationListener<ScrollNotification>(
          onNotification: _onScrollNotification, child: this.widget.child)
      : this.widget.child;
}

Let iOS keyboard be dismissed #21814

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions