动画期间大文本闪烁

时间:2020-06-11 18:24:57

标签: flutter dart

我的应用程序中有一个自定义抽屉。它很大程度上基于关于在Flutter中实现复杂UI的讨论(https://www.youtube.com/watch?v=FCyoHclCqc8&t=762s的第一部分)。

抽屉位于主页面后面的堆栈中,并且通过滑动主页面可以缩小并向右移动,如下所示:

Drawer gif

这在Emulator和我相对较新的Android Phone上正常运行。但是当我在旧的iPad 2上进行测试时,在文字缩放方面遇到了一些严重的问题。

缩小的页面上的文字确实失真。即使在切换到其他页面时,有时文本中也会缺少字母(尽管那是在完全不同的屏幕上)。

Issue

这是另一个屏幕上的文字:

text

我不确定如何处理。我认为这是性能问题,因为它不是在我的手机上发生,只有在旧iPad上才发生。但是在iPad上的性能确实不是那么差,不是完美的,而是相对平稳的。

抽屉和主页在动画过程中当然会大量重建。但是我没有找到一种优化方法。

仅当Widget缩小时,它也会发生,如果我删除了缩放比例,问题就会消失。同样奇怪的是,在头几次打开和关闭抽屉的情况下,它都能正常工作。如果我在打开它之间休息一下,一切都会好起来的。但是,将它背对背打开几次会使文本弄乱,从此以后,每次都会出现小故障。

到目前为止,我还找不到任何遇到此问题的人,因此,我将不胜感激。

这是我的标题的样子:

Material(
                   color: Colors.transparent,
                   child: Text(
                   "HEADER",
                   style: TextStyle(
                   fontSize: 60,
                   fontWeight: FontWeight.bold,
                    color: theme.accentColor,
                       ),
                    overflow: TextOverflow.ellipsis,
                       ),
                   ),

更新:

经过更多测试后,问题似乎出在文字大小上。如果文字较小,问题就会消失,文字越大,问题出现的速度就越快。

在主题或窗口小部件中设置大小似乎无关紧要。

如果有人对可以帮助您有任何想法,将非常感谢。

0 个答案:

没有答案