在 Flutter 中根据屏幕宽度更改文本大小

Question

我希望文本大小保持不变，但是我希望它在更大屏幕宽度的设备上更大。

MediaQueryData queryData;

  @override
  Widget build(BuildContext context) {
    queryData = MediaQuery.of(context);
    Text("Hello.",
        style: TextStyle(
        fontSize: queryData.size.width, color: Colors.white),
 ),

}

然而，当我尝试 queryData.size.width 时它变得如此之大。在这种情况下，我希望文本根据不同的设备屏幕展开。

Answer 1

您只需要将媒体查询的结果乘以一个常数。

double width = MediaQuery.of(context).size.width;
return Text(
  "Hello.",
  style: TextStyle(
    fontSize: width * 0.2,
    color: Colors.white,
  ),
);