flutter - Flutter 中的 fontSize 和 textScaleFactor 有什么区别？

Question

fontSize 的默认值为 14.0。因此， textScaleFactor: 2.0 似乎与我的代码示例中看到的 fontSize: 28.0 相同:

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Title')),
        body: Row(
          children: <Widget>[
            new Text("Jane", textScaleFactor: 2.0),
            new Text(" Doe", style: new TextStyle(fontSize: 28.0)),
          ],
        )
      )
    );
  }
}

有什么好处和坏处？在特定情况下何时使用一种或另一种有什么建议吗？

Answer 1

在渲染上它们之间没有区别。他们的目的是什么变化。

字体大小通常是每个组件的值。而比例因子更具全局性。您可以直接在 Text 上覆盖比例因子这一事实只是一个奖励。

在您的典型应用程序中，您将拥有以下内容:

MediaQuery(
  data: MediaQuery.of(context).copyWith(textScaleFactor: 2.0),
  child: Whatever(
    child: Text("Foo", style: Theme.of(context).textTheme.headline),
  ),
);

基本上，将 textScaleFactor 视为缩放选项。而 font-size 用于将标题与其内容分开。