flutter pub add side_sheet根據套件公開資料產生的選型評估，僅供參考。
一個 Flutter 套件，可在所有平台實現側邊欄，包括 Android、iOS、Web、macOS、Windows 和 Linux。它支援響應式 UI 設計，確保在任何裝置或螢幕尺寸下行為與外觀一致。此套件提供一種彈性且可自訂的解決方案，用於以滑動面板格式呈現補充內容，非常適合導航、篩選或詳細檢視。專為跨平台相容性設計，簡化現代、可存取介面的建立。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A flutter package for implementing of side sheets
A sample. font: https://material.io/components/sheets-side#usage
Simple Usage:
ElevatedButton(
onPressed: () =>
SideSheet.right(
body: Text("Body"),
context: context
),
child: Text('OPEN RIGHT SIDE SHEET')),
ElevatedButton(
onPressed: () =>
SideSheet.left(
body: Text("Body"),
context: context
),
child: Text('OPEN LEFT SIDE SHEET')),
Custom Width Side Sheet:
ElevatedButton(
onPressed: () =>
SideSheet.right(
context: context
width: MediaQuery.of(context).size.width * 0.3,
body: Text("Body"),
),
child: Text('OPEN RIGHT SIDE SHEET WITH CUSTOM WIDTH')),
ElevatedButton(
onPressed: () =>
SideSheet.left(
context: context
width: MediaQuery.of(context).size.width * 0.3,
body: Text("Body"),
),
child: Text('OPEN LEFT SIDE SHEET WITH CUSTOM WIDTH')),
With return arguments
ElevatedButton(
onPressed: () async {
final data = await SideSheet.left(
body: IconButton(icon: Icon(Icons.close),
onPressed: () => Navigator.pop(context, 'Data Returns Left')),
context: context);
print(data);
},
child: Text('OPEN LEFT SIDE SHEET WITH RETURN DATA')
),
ElevatedButton(
onPressed: () async {
final data = await SideSheet.right(
body: IconButton(
icon: Icon(Icons.close),
onPressed: () => Navigator.pop(context, 'Data Returns Right')),
context: context);
print(data);
},
child: Text('OPEN RIGHT SIDE SHEET WITH RETURN DATA')
),
Close sheet in body
Navigator.pop(context);
With arguments
Navigator.pop(context, 'data return');
暫無相關資料。