https://github.com/ky1vstar/cupertino_interactive_keyboard

A Flutter plugin intended to achieve native iOS interactively dismissible keyboard
https://github.com/ky1vstar/cupertino_interactive_keyboard

Last synced: about 1 month ago
JSON representation

A Flutter plugin intended to achieve native iOS interactively dismissible keyboard

• Host: GitHub
• URL: https://github.com/ky1vstar/cupertino_interactive_keyboard
• Owner: ky1vstar
• License: mit
• Created: 2023-10-03T21:08:56.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-07T14:20:13.000Z (over 1 year ago)
• Last Synced: 2023-11-07T15:33:04.632Z (over 1 year ago)
• Language: Swift
• Homepage: https://pub.dev/packages/cupertino_interactive_keyboard
• Size: 7.02 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/badges/StandWithUkraine.svg)](https://stand-with-ukraine.pp.ua)

# Cupertino Interactive Keyboard

A Flutter plugin intended to achieve native iOS [interactively dismissible keyboard](https://developer.apple.com/documentation/uikit/uiscrollview/keyboarddismissmode/interactive).

It can be used as temporary solution while we are waiting [this issue](https://github.com/flutter/flutter/issues/57609) to be resolved by the Flutter team 🙏.

On other side, this plugin doesn't rely on questionable keyboard screenshot approach, so it is expected to work more solid.

![](resources/demo1.gif)

![](resources/demo2.gif)

## Getting Started

The `CupertinoInteractiveKeyboard` defines the area where the draggable keyboard is enabled.

Using scrollable widget as its child is optional.

```dart

CupertinoInteractiveKeyboard(

  child: ListView.builder(

    ...

  ),

);

```

In chat-like UI where you have input bar attached to the bottom, you can use the `CupertinoInputAccessory` widget.

It designed to use its child's height as native [input accessory view](https://developer.apple.com/documentation/uikit/uiresponder/1621119-inputaccessoryview) size.

```dart

CupertinoInputAccessory(

  child: TextField(

    ...

  ),

);

```

See the [full example](example/lib) of complete implementation.