长文本

发布于 2025-02-03 21:23:42 字数 2024 浏览 3 评论 0原文

我使用flip_card package( https://pub.dev/packages/packages/flip_card/example) ListView.builder。而且似乎很好。但是,在我刚刚触摸了卡以测试翻转效果的几次(超过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."),),
                    ),
                  );
                }
              )),

I used flip_card package(https://pub.dev/packages/flip_card/example) inside ListView.builder. And it seems to work very well. But after I just touched the card several times(more than 10 times) to test flip effect, it became extremely slow and my entire app also looked like almost stopped doing every thing. And unfortunately, there are no single message from console.
I removed my widgets one by one to find out who is ruining my app, and I think I found the reason. If there are long text such as lorem ipsum on the card, the problem appeared. But I wonder if there is any solution to solve this problem. Because I really like this effect ,but also, I need long text on the card.
Please save me, please.

Here is my code.

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."),),
                    ),
                  );
                }
              )),

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文