Tinyrack

Popover

ポインターまたはキーボードのトリガーから、衝突回避するインタラクティブなサーフェスを開きます。

ポインターまたはキーボードのトリガーから、衝突回避するインタラクティブなサーフェスを開きます。

主なプロパティ

プロパティ説明
レイヤーサイズlayerSize はインタラクティブなレイヤー全体に適用されます。デフォルトの幅は TRMeasurements.overlayWidthSm に固定され、高さは安全領域を除いたビューポートに達するまでコンテンツに合わせます。

インストール

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

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

プレイグラウンド

使用方法

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

const TRPopover(
  trigger: Text('Details'),
  content: Text('Rack alpha'),
)

例

ネストしたメニュー パーマリンク

Popover 内の操作可能なコンテンツから Menu を開いても、共通レイヤーが衝突回避とフォーカス復元を保ちます。

API

レイヤーのプロパティ

Prop型 / デフォルト用途
layerSizeTRLayerSize · fixed overlayWidthSm / content heightコンテンツパネルだけでなく、レイヤー全体のサイズを指定します。