flutter - 你怎么知道 DraggableScrollableSheet 是折叠还是展开

Question

在我的应用程序中有一个 DraggableScrollableSheet 和一个 FAB。如果展开 DraggableScrollableSheet，我希望 FAB 不可见。我需要检查扩展事件

我尝试将监听器附加到 scrollController 并检查 scrollController.offset 的值。但我意识到监听器是在 DraggableScrollableSheet 完全展开时触发的，而不是之前。是否有另一种方法来检查它是展开还是折叠？

  double appbarSize = 0.08;
  double offsetVisibility=100.0;
  bool FAB_visibility=true;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: Visibility(
        visible: FAB_visibility,
        child: FloatingActionButton(
          child: Icon(Icons.add),
        ),
      ),
      body: SizedBox.expand(
          child: DraggableScrollableSheet(
        maxChildSize: 0.8,
        minChildSize: appbarSize,
        initialChildSize: appbarSize,
        builder: (BuildContext context, ScrollController scrollController) {
          _scrollListener() {
            if(FAB_visibility==false && scrollController.offset<=offsetVisibility){
              setState(() {
                FAB_visibility=true;
              });
            }
            else if(FAB_visibility==true && scrollController.offset>offsetVisibility){
              setState(() {
                FAB_visibility=false;
              });
            }
          }
          scrollController.addListener(_scrollListener);
          return Container(
            decoration: new BoxDecoration(
                color: Colors.red,
                borderRadius: new BorderRadius.only(
                    topLeft: const Radius.circular(10.0),
                    topRight: const Radius.circular(10.0))),
            child: ListView.builder(
              controller: scrollController,
              itemCount: 25,
              itemBuilder: (BuildContext context, int index) {
                return ListTile(title: Text('Item $index'));
              },
            ),
          );
        },
      )),
    );
  }

Answer 1

Thanks to flutter team我明白怎么做了!我们应该将 DraggableScrollableSheet 包装在 NotificationListener 中

这是工作代码:

class _MyHomePageState extends State<MyHomePage> {
  double appbarSize = 0.08;
  double offsetVisibility = 100.0;
  bool FAB_visibility = true;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SizedBox.expand(
          child: NotificationListener<DraggableScrollableNotification>(
            onNotification: (DraggableScrollableNotification DSNotification){
              if(FAB_visibility && DSNotification.extent>=0.2){
                setState(() {
                  FAB_visibility=false;
                });
              }
              else if(!FAB_visibility && DSNotification.extent<0.2){
                setState(() {
                  FAB_visibility=true;
                });
              }
            },
        child: DraggableScrollableSheet(
          maxChildSize: 0.8,
          minChildSize: appbarSize,
          initialChildSize: appbarSize,
          builder: (BuildContext context, ScrollController scrollController) {
            return Container(
              child: ListView.builder(
                controller: scrollController,
                itemCount: 25,
                itemBuilder: (BuildContext context, int index) {
                  return ListTile(title: Text('Item $index'));
                },
              ),
            );
          },
        ),
      )),
      floatingActionButton: Visibility(
        visible: FAB_visibility,
        child: FloatingActionButton(
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}