向左滑动小部件

Question

我试图让这个卡片小部件从这个位置移动到完全正确的位置，直到它使用动画不可见。

我该怎么做？

稍后我将在下方添加更多卡片，并希望它们也可以向左、向上和向下移动，目前仅适用于一张卡片。

import 'package:flutter/material.dart';

class Swipe extends StatefulWidget {
  @override
  _SwipeState createState() => _SwipeState();
}

class _SwipeState extends State<Swipe> {
  //bool bgColor = true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      //backgroundColor: bgColor ? Colors.black : Colors.white,
      body: SingleChildScrollView(
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Container(
                padding: EdgeInsets.fromLTRB(40, 30, 40, 0),
                height: 140,
                width: 400,
                child: Card(
                  child: Center(child: Text("RIGHT")),
                  color: Colors.green,
                ),
              ),
            ]),
      ),
    );
  }
}

Answer 1

有一个名为 Dismissible 的小部件。示例：

Dismissible(
  onDismissed: (direction) {
     onWidgetRemove();
  },
  confirmDismiss: (direction) {
     return confirmRemoveWidget();
  },
  key: ValueKey(someItemId),
  child: MyWidget())

请注意，key 不得为 null。 confirmDismiss 是可选的，通常与对话框一起使用以确认操作。

小提示：不要使用SingleChildScrollView+Column，而是使用ListView