我的应用程序中有一个自定义抽屉。它很大程度上基于关于在Flutter中实现复杂UI的讨论(https://www.youtube.com/watch?v=FCyoHclCqc8&t=762s的第一部分)。
抽屉位于主页面后面的堆栈中,并且通过滑动主页面可以缩小并向右移动,如下所示:
这在Emulator和我相对较新的Android Phone上正常运行。但是当我在旧的iPad 2上进行测试时,在文字缩放方面遇到了一些严重的问题。
缩小的页面上的文字确实失真。即使在切换到其他页面时,有时文本中也会缺少字母(尽管那是在完全不同的屏幕上)。
这是另一个屏幕上的文字:
我不确定如何处理。我认为这是性能问题,因为它不是在我的手机上发生,只有在旧iPad上才发生。但是在iPad上的性能确实不是那么差,不是完美的,而是相对平稳的。
抽屉和主页在动画过程中当然会大量重建。但是我没有找到一种优化方法。
仅当Widget缩小时,它也会发生,如果我删除了缩放比例,问题就会消失。同样奇怪的是,在头几次打开和关闭抽屉的情况下,它都能正常工作。如果我在打开它之间休息一下,一切都会好起来的。但是,将它背对背打开几次会使文本弄乱,从此以后,每次都会出现小故障。
到目前为止,我还找不到任何遇到此问题的人,因此,我将不胜感激。
这是我的标题的样子:
Material(
color: Colors.transparent,
child: Text(
"HEADER",
style: TextStyle(
fontSize: 60,
fontWeight: FontWeight.bold,
color: theme.accentColor,
),
overflow: TextOverflow.ellipsis,
),
),
更新:
经过更多测试后,问题似乎出在文字大小上。如果文字较小,问题就会消失,文字越大,问题出现的速度就越快。
在主题或窗口小部件中设置大小似乎无关紧要。
如果有人对可以帮助您有任何想法,将非常感谢。