flutter pub add scrollable_panel根據套件公開資料產生的選型評估，僅供參考。
一個 Flutter 套件，可讓底部面板被拖曳開啟並滾動，模擬 Google 地圖應用中的「附近地點」面板行為。它提供流暢的拖曳展開互動，並支援在展開的面板內滾動內容。非常適合以緊湊且互動的方式顯示詳細資訊或清單。此套件相容於 Android、iOS、Web、macOS、Windows 與 Linux 平台。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
drag to expand and then can scroll contents. similar "Nearby spots" panel on google map app.
https://pub.dev/packages/scrollable_panel
| Properties | Data Type | Description |
|---|---|---|
| builder | ScrollableWidgetBuilder | builder for inner panel view. ScrollableWidgetBuilder type define in draggable_scrollable_sheet.dart. provide PanelScrollController that extends ScrollController. |
| controller | PanelController | control panel from some interaction like button. |
| defaultPanelState | PanelState | set default panel state. (default value PanelState.open) |
| defaultPanelSize | double | set default panel height factor (default value 0.25) |
| minPanelSize | double | set minimum panel height factor. (default value 0) |
| maxPanelSize | double | set maximum panel height factor. (default value 1.0) |
| onOpen | VoidCallback | if non-null, this callback is called when panel state become open |
| onClose | VoidCallback | if non-null, this callback is called when panel state become close |
| onExpand | VoidCallback | if non-null, this callback is called when panel state become expand |
| Action | Data Type | Description |
|---|---|---|
| open | void | open panel. panel animate to defaultPanelSize. |
| expand | void | expand panel. panel animate to maxPanelSize. |
| close | void | close panel. panel animate to minPanelSize. |
| animateTo | double | animate panel to value height. |
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
PanelController _panelController = PanelController();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('scrollable panel'),
),
body: Stack(
children: <Widget>[
InkWell(
onTap: () {
_panelController.toDefault();
},
child: _FirstView(),
),
ScrollablePanel(
controller: _panelController,
builder: (context, controller) {
return SingleChildScrollView(
controller: controller,
child: _SecondView(),
);
},
),
],
),
);
}
}
List<double> anchor property to use multi snapping point.暫無相關資料。