我正在使用Flutter制作一个语法测验应用程序，我有一个问题和几个选择，我想用幻灯片动画将选择滑动到问题的空白部分

例如：

_新学校怎么样？

（您）（您的）（它）

当我按（您的）时，选择小部件滑到_，留下一个空容器

你的新的学校怎么样？

（您）（）（它）

我用Draggable和DragTarget做到了，您可以在这些图像中看到它

图片1

图片2

但是我希望它在滑动时能滑动而不拖放

这是一些代码

class QuestionsScreen extends StatefulWidget {
  QuestionsScreen({Key key}) : super(key: key);

  @override
  _QuestionsScreenState createState() => _QuestionsScreenState();
}

class _QuestionsScreenState extends State<QuestionsScreen> {
  String userAnswer = "_";
  int indexOfDragPlace = QuestionBrain.getQuesitonText().indexOf("_");
  @override
  Widget build(BuildContext context) {
    final screenSize = MediaQuery.of(context).size;
    return Scaffold(
      body: SafeArea(
        child: Column(
          children: [
            Container(
              padding: EdgeInsets.all(10),
              color: Colors.white,
              child: Center(
                child: Scrollbar(
                  child: ListView(
                    children: [
                      Center(
                        child: Wrap(
                          children: [

                            ...QuestionBrain.getQuesitonText()
                                .substring(0, indexOfDragPlace)
                                .split(" ")
                                .map((e) => QuestionHolder(
                                      question: e + " ",
                                    )),

                            _buildDragTarget(),

                            ...QuestionBrain.getQuesitonText()
                                .substring(indexOfDragPlace + 1)
                                .split(" ")
                                .map((e) => QuestionHolder(
                                      question: e + " ",
                                    )),
                          ],
                        ),
                      )
                    ],
                  ),
                ),
              ),
            ),
     
            Wrap(
              children: [
                ...QuestionBrain.choices.map((choice) {
                  if (choice == userAnswer) {
                    return ChoiceHolder(
                      choice: "",
                      backGroundColor: Colors.black12,
                    );
                  }
                  return DraggableChoiceBox(
                    choice: choice,
                    userAnswer: userAnswer,
                    onDragStarted: () {
                      setState(() {
                        dragedAnswerResult = "";
                      });
                    },
                    onDragCompleted: () {
                      setState(() {
                        userAnswer = choice;
                        setState(() {
                          answerColor = Colors.orange;
                        });
                        print("Called");
                      });
                    },
                  );
                }).toList()
              ],
            ),
          ],
        ),
      ),
    );
  }


  Widget _buildDragTarget() {
    return DragTarget<String>(
      builder: (context, icoming, rejected) {
        return Material(
          child: Container(
            padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
            width: MediaQuery.of(context).size.width * 0.20,
            height: MediaQuery.of(context).size.height * 0.05,
            color: answerColor,
            child: FittedBox(
              child: Text(
                userAnswer,
                style: TextStyle(
                    fontSize: 12,
                    color: Colors.white,
                    fontWeight: FontWeight.bold),
              ),
            ),
          ),
        );
      },
   
      onAccept: (data) {
        userAnswer = data;
        answerColor = Colors.orange;
      },
   
    );
  }

 
}


class DraggableChoiceBox extends StatelessWidget {
  const DraggableChoiceBox({
    Key key,
    this.choice,
    this.userAnswer,
    this.onDragCompleted,
    this.onDragStarted,
  }) : super(key: key);
  final String choice;
  final String userAnswer;
  final Function onDragCompleted;
  final Function onDragStarted;
  @override
  Widget build(BuildContext context) {
    return Draggable(
      onDragCompleted: onDragCompleted,
      data: choice,
      child: ChoiceHolder(choice: choice),
      feedback: Material(
        elevation: 20,
        child: ChoiceHolder(
          choice: choice,
          margin: 0,
        ),
      ),
      childWhenDragging: ChoiceHolder(
        choice: "",
        backGroundColor: Colors.black12,
      ),
      onDragStarted: onDragStarted,
    );
  }
}