如何在 Flutter 中为整个应用程序设置 letterSpacing？

问题描述

我正在使用 Flutter，我知道 letterSpacing 属性对于在字母之间提供一些间距很有用。

我想把它提供给整个应用程序，我的意思是我在应用程序中写任何文本的地方。我想为所有文本设置 1.0 字母间距。

有什么办法吗？

解决方法

您可以定义 TextTheme 并为每种类型的文本（headline1、...）设置自定义 TextStyle。

如果没有提供 Theme，Flutter 会为你定义一个默认的。

但是，您可以覆盖或扩展默认值并定义 letterSpacing 属性。我在下面展示了标题 1 和按钮的示例。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',theme: ThemeData(
        textTheme: TextTheme(
          headline1: Theme.of(context)
              .textTheme
              .bodyText1
              .copyWith(letterSpacing: 1.0),button: Theme.of(context)
              .textTheme
              .button
              .copyWith(letterSpacing: 1.0),),primarySwatch: Colors.blue,home: MyHomePage(title: 'Flutter Demo Home Page'),);
  }
}

,

您可以在 constants.dart 文件中定义一个 const DEF_TEXT_STYLE，然后随时应用它。

常量.dart

const DEF_TEXT_STYLE = const TextStyle(
    letterSpacing: 1.0);

你可以这样申请：

Text(
   'This is my text',style: DEF_TEXT_STYLE,

记得导入您的 constants.dart 文件。

否则，您可以覆盖类似于@glavigno 所说的所有 textTheme 数据：

这里可以看到flutter中所有可用的textTheme数据。 DOCS

theme: ThemeData(
        textTheme: TextTheme(
          headline1: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),headline2: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),headline3: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),headline4: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),headline5: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),headline6: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),subtitle1: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),subtitle2: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),bodyText1: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),bodyText2: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),button: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),caption: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),overline: Theme.of(context)
              .textTheme
              .headline1
              .copyWith(letterSpacing: 1.0),