ドロップオーバーレイ · Tinyrack Design System

ファイルのドロップ対象全体に、共通のアクセシブルなドラッグ中表示を重ねます。

主なプロパティ

プロパティ	説明
対象範囲	製品が所有するドロップ対象全体を囲んでください。ペイロードの検証とドロップ処理は引き続き製品側が担当します。
操作	オーバーレイはポインターイベントを通過させ、表示中はローカライズしたラベルを通知し、視差効果を減らす設定ではアニメーションを無効にします。

インストール

パッケージを追加し、公開ライブラリをインポートしてください。

flutter pub add tinyrack_ui

import 'package:tinyrack_ui/tinyrack_ui.dart';

プレイグラウンド

Flutter プレビューを読み込んでいます

使用方法

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

TRDropOverlay(
  visible: dragging,
  label: 'Drop files here',
  child: conversationPane,
)

API

TRDropOverlay のプロパティ

Prop	型 / デフォルト	用途
`visible`	`bool · required`	ドラッグ中のレイヤーを表示または非表示にします。
`label`	`String · required`	画面表示とセマンティクスに使うローカライズ済みの案内文を指定します。
`child`	`Widget · required`	オーバーレイで覆うサーフェス全体を指定します。