如何解决 UI 大小不一的问题? Mediaquery 不解析文本 UI

How to solve UI having different sizes? Mediaquery doesn't solve text UI

一直使用媒体查询来调整不同屏幕的大小。

举个例子,一张卡片里面有文字。 开始对不同的 phone 尺寸进行测试,结果发现卡片会改变尺寸但文字不会。所以它在更大的 phones 上看起来很奇怪 - 很多空白空间。

有没有办法让文本大小响应?

我认为将卡片大小设为所有 phone 上的绝对大小作为可能的解决方案失败了吗?但这也会导致周围出现更多奇怪的空白空间。

有没有人有更好的解决方案?相对尺寸,响应phone尺寸绝对是最好的!谢谢!

您还可以使用 MediaQuery 作为 TextStyle 中的 fontSize,如下所示:

Text(
  'Ladies and gentlemen, you could have been anywhere in the world tonight, but you’re here with us in New York City.',
  style: TextStyle(fontSize: MediaQuery.of(context).size.height * 0.1),
)