Flutter:动态添加和拖放堆栈小部件中的任何位置

问题描述 投票:1回答:1

我们如何在flutter中动态添加拖放到任何位置的小部件?这是我尝试实现的。建议更改以解决问题或建议适当的方法来实现它。

我需要解决的问题是canvasItemObj.x和canvasItemObj.y变量是根据dragUpdate更新的。但是小部件的位置未更新。 (Positioned()小部件topleft参数)

这里是CanvasItemProps类,用于保存窗口小部件及其属性。

class CanvasItemProps {
  Widget canvasItem;
  double x = 0, y = 0, dx, dy;
  double scale = 1;
  Color color;
  CanvasItemProps();
  CanvasItemProps.fromItem(this.canvasItem);
}

canvasItemProps保存CanvasItemProps的列表

List<CanvasItemProps> canvasItemProps = [];

我有一个flatbutton,其onPressed执行以下操作:

var canvasItemObj = CanvasItemProps();
canvasItemProps.add(canvasItemObj);

canvasItemObj.canvasItem = Positioned(
                  left: canvasItemObj.x,
                  top: canvasItemObj.y,
                  child: GestureDetector(
                    child: Text(
                      addTextController.text,
                      textScaleFactor: 5,
                    ),
                    onVerticalDragUpdate: (dragDetails) {
                      setState(() {
                        canvasItemObj.y = dragDetails.localPosition.dy;
                        canvasItemObj.x = dragDetails.localPosition.dx;
                      });
                    },

                  ));
              addTextController.text = "";
              setState(() {});
            },

在构建函数中有一个堆栈:

Stack(children:canvasItemProps.isEmpty()?
               Text("No Item"):
                getCanvasItem)

以下getCanvasItem函数返回要传递给堆栈小部件的小部件列表

List<Widget> getCanvasItem() {
    List<Widget> list = [];

    for (int i = 0; i < canvasItemProps.length; i++) {
      list.add(canvasItemProps[i].canvasItem);
    }
    return list;
  }

另一方面,当我只处理一个未动态添加的小部件时,这很好用(x和y是在作用域中声明的两个变量,并且被初始化为0。]

double x=0,y=0;

小部件如下:

Container(
            margin: EdgeInsets.fromLTRB(50, 100, 90, 100),
            color: Colors.yellow,
            child: Stack(
            children: <Widget>[
              Positioned(
            top: y,
            left: x,
            child: GestureDetector(
              onVerticalDragUpdate: (v){
                setState(() {
                  x = v.localPosition.dx;
                  y = v.localPosition.dy;
                });
              },
              child:Text("Text"),
            )
          ),
            ],
          ),
          )
android flutter dart
1个回答
0
投票

问题是Top和Left参数是最终参数,因此您无法更改值。但是,您应该每次使用更新后的值重新初始化定位的小部件。

热门问题
推荐问题
最新问题