带有长文本的Flutter翻转卡包

Question

我在 ListView.builder 中使用了 flip_card 包（https://pub.dev/packages/flip_card/example）。它似乎工作得很好。但是当我刚刚触摸卡片几次（超过 10 次）来测试翻转效果时，它变得非常慢，我的整个应用程序也看起来几乎停止了所有的事情。不幸的是，控制台没有任何消息。我一个一个地删除了我的小部件，以找出谁在破坏我的应用程序，我想我找到了原因。如果卡上有 lorem ipsum 之类的长文本，问题就出现了。但是我想知道是否有任何解决方案可以解决这个问题。因为我真的很喜欢这个效果，而且，我需要卡片上的长文本。请救救我吧

这是我的代码。

Flexible(child: LayoutBuilder(
                builder: (context, constraints) {
                  return SizedBox( height: constraints.biggest.height, width: double.infinity,
                    child: FlipCard(
                      fill: Fill.fillBack,
                      direction: FlipDirection.HORIZONTAL,
                      back: Container(width: MediaQuery.of(context).size.width, color: Colors.grey,
                          child:Text("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),
                      front: Container(width: MediaQuery.of(context).size.width, color: Colors.grey,
                          child: Text("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),),
                    ),
                  );
                }
              )),

Answer 1

而不是使用依赖。使用默认动画。使用下面的 link.

https://medium.com/flutter-community/flutter-flip-card-animation-eb25c403f371

谢谢你

带有长文本的Flutter翻转卡包

Flutter flip card package with long text

flutter

flip

card

longtext