微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何根据屏幕特征确定可以适合 PageView 小部件的每个页面子页面的文本量?

如何解决如何根据屏幕特征确定可以适合 PageView 小部件的每个页面子页面的文本量?

我正在开发代表游戏本的移动应用。 它包含剧集,每个剧集都由一页或多页文本构成。 对于每一集,我对每个页面使用带有子列(带有嵌套文本和富文本)的 PageView。屏幕方向锁定在 PortraitUp 和 textScaleFactor - 1.0 上。 我发现这种方法的问题与移动设备的不同屏幕特性有关:

  1. 我需要确定 PageView 的每个子项的文本量。 但是有多少文本不会在较小的屏幕上底部溢出? 到目前为止,我的方法是在分辨率接近 360 x 640 逻辑像素的相对较小的设备上进行测试,并在文本下方留出一些额外的空间。 此外,我可以让 PageView 的每一页都可滚动,从而完全防止溢出,但我认为这会产生糟糕的用户体验。
  2. 我使用适合具有上述分辨率的设备的字体大小。 但在相当大的屏幕上,它看起来并不漂亮。

那么,有没有好的方法来确定在 PageView 的每个页面上放置多少文本并根据移动设备大小和屏幕特征缩放字体大小? 此外,如果有人提出更好的方法来使用 Flutter(使用不同的小部件集)编写这种类似书籍的移动应用程序,我将不胜感激。

感谢您的时间。

解决方法

@Milenb 如果您可以添加文本分页,那么我认为它会解决您的问题。您不需要根据屏幕高度缩小/放大。如果您查看 this thread,您就会知道如何执行此操作。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。