Flutter 中从底部工作表到全屏脚手架

Posted 2023-02-22

【中文标题】Flutter 中从底部工作表到全屏脚手架

【英文标题】：From Bottom Sheet to full screen Scaffold in Flutter

【发布时间】：2021-05-04 04:19:48

【问题描述】：

我希望我的应用有一个模型底页。仅当用户单击按钮时才显示底部工作表。底部表格首先占据大约 0.5 或更少的屏幕，这足以显示列表视图中的热门选择。用户可以从这里选择他们的选择，但他们也可以向上拖动以查看所有选择。底部页面只能是半屏或全屏。一旦它全屏显示，我希望它的行为就像一个脚手架（用户可以滚动列表视图但不能再向下拖动到底部工作表）。我如何在颤动中做到这一点？

当用户将底部的工作表向上拖动时，它会变成一个脚手架，就像右边的屏幕一样。

【参考方案1】：

试试这个包sliding_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,
    );
  ,
);