我有下面的板。有一个覆盖层(Stack
)2 x 10 个小部件,一些透明的小部件是DragTargets
在它们上面,有相同宽度和高度的Draggable
. The Draggable
那些是包含图像的。
我面临的问题是onWillAccept
and onAccept
当我拖动上面的方法时,不会调用下面的方法。我猜是因为有小部件覆盖了它们。
我已经切换了小部件,有DragTargets
覆盖Draggable
但现在我无法拖动它们,因为它们位于其他小部件下方。
所有拖放的示例都是从一个位置拖动一个项目并将其放置在另一个位置上,一个可拖动的,一个拖动目标。我需要一个小部件(或屏幕上的区域)既可拖动又可作为拖动目标。我怎样才能做到这一点?
这是布局
Align(
child: Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage("images/user_board.jpg"),
alignment: Alignment.bottomCenter,
),
),
height: _userBoardH,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Container(
height: _tileH,
child: Stack(children: <Widget>[
Row(
children: _buildSlots(ScreenBoard.FIRST_ROW),
),
Row(
children: _buildTiles(ScreenBoard.FIRST_ROW),
),
])),
Container(
height: _tileH,
child: Stack(children: <Widget>[
Row(
children: _buildSlots(ScreenBoard.SECOND_ROW),
),
Row(
children: _buildTiles(ScreenBoard.SECOND_ROW),
),
])),
],
),
),
alignment: Alignment.bottomCenter,
),
Cheers.
EDIT
按照帕特里克的建议解决了这个问题。这是解决方案:
Widget _buildTile(Tile widget) {
return DragTarget<Map>(
builder: (context, candidateData, rejectedData) {
return Container(
child: Draggable<Map>(
child: _getTile(widget),
feedback: _getTile(widget),
childWhenDragging: Container(
width: widget._dimenW,
height: widget._dimenH,
),
data: {
Tile.DATA_TILE_ROW_TYPE: widget._rowType,
Tile.DATA_TILE_ROW_POS: widget._rowPosition,
Tile.DATA_TILE_ID: widget._tileId,
},
),
);
},
onWillAccept: (data) {
UDebug.log("onWillAccept");
return false;
},
onAccept: (data) {
UDebug.log("onAccept");
},
);
}