Flutter - Как разместить изображение внутри изображения с помощью flutter draggable / dragtarget

Привет, ребята, я сейчас разрабатываю игру с перетаскиванием с использованием флаттера для моего последнего проекта в моем колледже.

Функция перетаскивания изображения работает хорошо (я использую ящик для размещения изображений)

      child: Container(
        width: 200,
        child: Drawer(
          child: ListView(
            padding: EdgeInsets.all(10.0),
            children: _theList
                .map(
                  (data) => ListTile(
                    title: LongPressDraggable<int>(
                      data: 1,
                      child: Image(
                        image: AssetImage(data),
                        color: const Color.fromRGBO(255, 255, 255, 0.6),
                        colorBlendMode: BlendMode.modulate,
                        height: 100,
                        fit: BoxFit.contain,
                      ),
                      // onTap: () {
                      //   Navigator.pop(context);
                      // },
                      feedback: Image(
                        image: AssetImage(data),
                        height: 100,
                        fit: BoxFit.contain,
                      ),
                      childWhenDragging: Container(),
                    ),
                  ),
                )
                .toList(),
          ),
        ),
      ),

DragTarget изображение ребенок помещается в центре и gestureDetector виджет

      Container(
          margin: EdgeInsets.fromLTRB(0, 0, 104, 140),
          child: GestureDetector(
            onTap: () => setState(() {
              _theList = _listLauk;
              _openDrawer();
            }),
            child: Center(
              child: Image(
                image: AssetImage("assets/images/lauk.png"),
                width: 101,
                child: DragTarget(
                  builder:
                      (context, List<int> candidateData, rejectedData) {
                    return accepted
                        ? Image(
                            image: (data),
                            height: 30,
                            fit: BoxFit.contain,
                          )
                        : Container();
                  },
                  onWillAccept: (data) {
                    return true;
                  },
                  onAccept: (data) {
                    accepted = true;
                  },
                ),
              ),
            ),
          ),
        ),

Но проблема в том, что дочерний элемент изображения не может справиться с другим дочерним элементом внутри него, idk, неправильно ли размещать dragTarget внутри изображения или, возможно, есть другая альтернатива рядом с ним

Мне очень нужна твоя помощь, спасибо

0 ответов

Другие вопросы по тегам