cupertino_modal_sheet

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個 Flutter 套件，可顯示 iOS 風格的底部彈出式對話框，從螢幕底部滑入。設計旨在模擬 Apple 的原生 Cupertino 對話框，為 Android、iOS、Web、macOS、Windows 和 Linux 提供流暢且符合平台特性的使用者體驗。此套件輕量且可無縫整合至現有的 Flutter 應用程式中，提供可自訂外觀與行為的功能。支援拖曳關閉等互動手勢，可用於選項選擇、表單顯示，或以緊湊聚焦的方式呈現額外內容。

適用情境

顯示操作菜單
展示表單輸入
顯示詳細資訊
處理使用者選擇
實現 iOS 風格的模態框

主要特色

iOS 風格的滑動上浮動畫
手勢驅動的關閉
跨平台相容性
可自訂內容
平滑過渡
支援所有主要平台

適合對象

iOS 風格的使用者介面設計
跨平台應用中的底部彈出模態框
用戶輸入表單
操作選擇介面
針對 Apple 生態系統的應用

使用建議

最適合iOS風格的設計
可能需要在非iOS平台進行樣式調整
僅限底部表單佈局
不適合全螢幕模態框
依賴於Cupertino主題的一致性

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

English, 日本語

Shows a modal iOS-style sheet that slides up from the bottom of the screen.

On mobile devices, the content is displayed as a sheet, with part of the background content near the top of the screen.
On tablet, a dimming layer is added to the background content and the content is centered over this layer.

Mobile

Tablet

Features

Hero compatibility
Tablet compatibility
Swiping to dismiss
Multi sheet (Dimming is imperfect)
Navigator2 compatibility

Getting started

showCupertinoModalSheet(
  context: context,
  builder: (context) => BookDetailsScreen(book: book),
);

Navigator2.0

Use CupertinoModalSheetPage or directly CupertinoModalSheetRoute.

TODO

[ ] Tests
[ ] Extensibility
[ ] Fix dimming of multi-sheet

PRs are welcome!

搜尋套件、儲存庫與 APP 分類