Question

我想在我的Flutter应用程序中将主题应用于禁用的文本字段的标签，因为我现在拥有的灰色很难阅读。

我想将其应用到我的整个应用程序中，所以我想使用主题，但是，我没有找到任何使我能够自定义标签的文本样式的解决方案表单字段已禁用

如何在Flutter中为禁用的文本表单字段的标签设置主题和全局设置颜色？

我知道如何有条件地更改标签的文本样式，但是，我需要记住始终使用相同的样式（或者我可以包装小部件，但这听起来也不是很理想）。我可以通过decoration命名参数来自定义标签的颜色，如下所示：

TextFormField(
  enabled: isEnabled,
  decoration: InputDecoration(
    labelText: 'Value',
    labelStyle: TextStyle(color: isEnabled ? Colors.green : Colors.red),
  ),
  // .... other fields, like controller might come here
),

Answer 1

您可以使用InputDecorationTheme。

MaterialApp具有属性theme，您可以在其中设置自定义ThemeData。

ThemeData具有属性inputDecorationTheme，您可以在其中设置InputDecorationTheme。

InputDecorationTheme具有许多可用于自定义文本字段的属性。

 MaterialApp(
        theme: ThemeData(
          inputDecorationTheme: InputDecorationTheme(
            border: OutlineInputBorder(),
            contentPadding: EdgeInsets.symmetric(
              vertical: 22,
              horizontal: 26,
            ),
            labelStyle: TextStyle(
              fontSize: 35,
              decorationColor: Colors.red,
            ),

Answer 2

您可以使用Theme来包装窗口小部件，并设置属性 disabledColor 。

示例：Demo

final customText = Theme(
  data: ThemeData(
    disabledColor: Colors.blue,
  ),
  child: TextFormField(
    enabled: false,
    decoration: const InputDecoration(
        icon: Icon(Icons.person),
        hintText: 'What do people call you?',
        labelText: 'Name *',
    ),
  ),
);

或全局

Widget build(BuildContext context) {
  return MaterialApp(
    title: 'Flutter Demo',
    theme: ThemeData(
      disabledColor: Colors.blue,
    ),
    home: MyHomePage(title: 'Flutter Demo Home Page'),
  );
}

如何在Flutter中为禁用的文本表单字段的标签设置颜色主题？

2 个答案: