如何解决 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),
)
一直使用媒体查询来调整不同屏幕的大小。
举个例子,一张卡片里面有文字。 开始对不同的 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),
)