Flutter-在PageView上使用Dismissible会创建难看的动画

问题描述

带有以下示例代码的

是一个非常丑陋的动画。我什至会说，这根本不是动画。下一页将在调用setstate之后显示。

如何使用PageView创建平滑的删除动画？如果无法通过PageView进行操作，是否有其他替代方法具有“捕捉卡”功能？

这是我的代码：

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

  static const routeName = '/swipe';

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

class _SwipeScreenState extends State<SwipeScreen> {
  List<String> content = ['one','two','three','four','five'];
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView.builder(
        scrollDirection: Axis.vertical,itemCount: content.length,controller: PageController(viewportFraction: 0.8),itemBuilder: (context,index) {
          return Dismissible(
            key: ValueKey(content[index]),child: Card(
              child: Container(
                height: MediaQuery.of(context).size.height * 0.8,child: Text('test'),),onDismissed: (direction) {
              setState(() {
                content = List.from(content)..removeAt(index);
              });
            },);
        },);
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

dart flutter-pageview