パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v1.0.0

cupertino_interactive_keyboard

ネイティブなiOSのインタラクティブに閉じられるキーボードを実現することを目的としたFlutterプラグインです。

iOS
30日間ダウンロード
2880
いいね数
44
Pub ポイント
150

パッケージをインストール

flutter pub add cupertino_interactive_keyboard

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

iOSデバイスでネイティブなiOSスタイルのインタラクティブなキーボード終了を可能にするFlutterプラグインです。ユーザーがキーボードを下にスワイプして閉じる機能を提供し、ネイティブなiOSアプリで見られる挙動を再現しています。このパッケージはCupertinoウィジェットとシームレスに統合され、滑らかでプラットフォームに適したユーザーエクスペリエンスを提供します。これは特にiOS向けに設計されており、他のプラットフォームには影響しません。開発者は複雑なカスタムジェスチャーまたは回避策なしに、この機能を簡単に実装できます。

用途

  • iOSネイティブキーボードの非表示ジェスチャーの実装
  • iOSに焦点を当てたFlutterアプリにおけるUXの向上
  • スワイプして削除する機能付きの直感的な入力フィールドの作成
  • Appleのデザインガイドラインとの一貫性の向上
  • フォーム入力でのインタラクティブキーボード動作の追加

主な機能

  • キーボードを閉じるための下にスワイプするジェスチャー
  • ネイティブな iOS インタラクションスタイル
  • Cupertino ウィジェットとのシームレスな統合
  • iOS専用のプラットフォーム固有の実装
  • 最小限のセットアップが必要

適している対象

  • iOSを最優先とするFlutterアプリケーション
  • Appleのデザイン言語をターゲットにするアプリ
  • ネイティブのようなキーボード操作を求める開発者
  • iOS 上のフォーム中心のインターフェース
  • ユーザー体験を重視したモバイルアプリ開発

注意事項

  • iOSデバイスでのみ動作します
  • Android またはその他のプラットフォームをサポートしていません
  • CupertinoApp または Cupertino ウィジェットが必要です
  • カスタムキーボードジェスチャー処理と競合する可能性があります
  • キーボードの非表示に限定され、完全なキーボードカスタマイズは不可

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Stand With Ukraine

Cupertino Interactive Keyboard

A Flutter plugin intended to achieve native iOS interactively dismissible keyboard. It can be used as temporary solution while we are waiting this issue 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.

Getting Started

The CupertinoInteractiveKeyboard defines the area where the draggable keyboard is enabled. Using scrollable widget as its child is optional.

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 size.

CupertinoInputAccessory(
  child: TextField(
    ...
  ),
);

See the full example of complete implementation.

カテゴリー

依存関係

依存関係一覧 1 件

  • plugin_platform_interface^2.0.2

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。