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');
暂无相关数据。