Flutter 中的從底頁到全屏腳手架

Question

我希望我的應用程序有一個 model 底頁。 僅當用戶單擊按鈕時才顯示底部工作表。 底部表格首先占據大約 0.5 或更少的屏幕，這足以顯示列表視圖中的熱門選擇。 用戶可以從這里選擇他們的選擇，但他們也可以向上拖動以查看所有選擇。 底部頁面只能是半屏或全屏。 一旦它 go 全屏，我希望它的行為就像一個腳手架（用戶可以滾動列表視圖，但不能再向下拖動到底部工作表）。 如何在 flutter 中做到這一點？

當用戶向上拖動底部的工作表時，它會變成一個腳手架，就像右邊的屏幕一樣。

Answer 1

試試這個package rolling_sheet ：

return SheetListenerBuilder(
  // buildWhen can be used to only rebuild the widget when needed.
  buildWhen: (oldState, newState) => oldState.isAtTop != newState.isAtTop,
  builder: (context, state) {
    return AnimatedContainer(
      elevation: !state.isAtTop ? elevation : 0.0,
      duration: const Duration(milliseconds: 400),
      child: child,
    );
  },
);