0

我正在尝试 Flutter Movable & Draggable & Scrollable Menu Floating Action Button


这是布局屏幕,我已经更改了很多偏移量。它不起作用。如果您有任何可移动的颤振库,请指出我

我已经尝试过这种可移动、可拖动和可滚动的菜单,用于颤动浮动操作按钮。我有一个问题浮动操作按钮未在可移动菜单的中心对齐。当我拖动这个菜单时,它被移到了另一边。请告诉我您是否有 Flutter Floating Action Button,可移动、可拖动和可滚动菜单 Floating Action Button Package Libraries。


  Offset offset = Offset(100, 100);

  return Scaffold(
      backgroundColor: Colors.green,
      body: SafeArea(
          child: Container(
        child: StreamBuilder<bool>(
            initialData: false,
            stream: _menuController.stream,
            builder: (context, snapshot) {
              return Stack(
                children: [
                  Positioned(
                    left: offset.dx,
                    top: offset.dy,
                    child: GestureDetector(
                      onPanUpdate: (details) {
                        setState(() {
                          offset = Offset(offset.dx + details.delta.dx,
                              offset.dy + details.delta.dy);
                          print('offset is' +
                              offset.dx.toString() +
                              offset.dy.toString());
                        });
                      },
                      child: FloatingActionButton(
                          child: Icon(CustomIcons.menu),
                          onPressed: () {
                            _changeMenuState();
                          }),
                    ),
                  ),
                  Container(
                    alignment: Alignment.center,
                    child: AnimatedContainer(
                        duration: Duration(milliseconds: 200),
                        height: snapshot.data ? 200 : 0,
                        child: CircleMenu(
                          icons: icons,
                          onItemClicked: (menuItem, index) {
                            selectedIndex = index;
                            _changeMenuState();
                          },
                          drawpointdx: offset.dx,
                          drawpointdy: offset.dy,
                        )),
                  ),
                  
                ],
              );
            }),
      )),
    );
4

0 回答 0