如何设置TextFormField在Flutter中使用原色

问题描述 投票:0回答:2

我需要更改文本字段的默认颜色以使用原色,并且我已经尝试过InputDecorationTheme,但是它不适用于标签。我意识到TextField使用强调色。

The screen;和主题:

final ThemeData darkTheme = ThemeData(
    primaryColor: Colors.blueAccent[400],
    accentColor: Colors.pinkAccent[400],
    brightness: Brightness.dark,
    backgroundColor: Colors.grey[900],
    inputDecorationTheme: InputDecorationTheme(
        fillColor: Colors.white.withOpacity(0.1),
        filled: true,
    ),
);

谢谢。

flutter dart flutter-theme
2个回答
0
投票

尝试像这样在TextFormField中设置样式:

style: TextStyle(
   color: Theme.of(context).primaryColor
),

0
投票

utils.dart

class AvailableFonts {
  static const primaryFont = "Quicksand";
  static const primaryFontSize = 14.0;
}

theme.dart

将其作为lib放置在main文件夹中>

ThemeData buildThemeData() {
  final baseTheme = ThemeData(fontFamily: AvailableFonts.primaryFont);

 // return baseTheme.copyWith();
 return baseTheme.copyWith(
   primaryColor: primaryColor,
   primaryColorDark: primaryDark,
   primaryColorLight: primaryLight,
   accentColor: secondaryColor,
);}

而且,在哪里定义颜色

colours.dart

const primaryColor = Colors.red;
const primaryLight = const Color(0xFFB71C1C);
const primaryDark = const Color(0xFFFF9F59);
const secondaryColor = Colors.white;

之后,您可以简单地使用以下示例:

color: primaryColor,

© www.soinside.com 2019 - 2024. All rights reserved.