如何 Flutter 可移動和可拖動和可滾動菜單浮動操作按鈕

Question

我正在嘗試 Flutter 可移動和可拖動和可滾動菜單浮動操作按鈕

---

這是布局屏幕，我已經更改了許多偏移量。 它不起作用。 如果你有任何可移動的 flutter 圖書館，請指點我

我已經為 flutter 浮動操作按鈕嘗試了這個可移動、可拖動和可滾動的菜單。 我有一個問題，浮動操作按鈕沒有在可移動菜單的中心對齊。 當我拖動此菜單時，它會移到另一側。 請告訴我您是否有 Flutter 浮動操作按鈕，可移動、可拖動和可滾動菜單浮動操作按鈕 Package 庫。

  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,
                        )),
                  ),
                  
                ],
              );
            }),
      )),
    );

Answer 1

您可以使用我的可拖動和可擴展工廠 package。 draggable_expandable_fab