簡體   English   中英

flutter:更改默認圖標文本顏色

[英]flutter: change default Icon text color

我在我的應用程序上修改了 textTheme 主題數據:

  ThemeData get lightTheme => ThemeData(
        disabledColor: AppColors.disabled,
        scaffoldBackgroundColor: AppColors.paper,
        textTheme: TextTheme(
          button: AppTextStyles.button,
          overline: AppTextStyles.overline,
        ),
    elevatedButtonTheme: ElevatedButtonThemeData(
      style: ButtonStyle(
        shape: MaterialStateProperty.all<RoundedRectangleBorder>(
          RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(AppSize.s32),
          ),
        ),
        backgroundColor: MaterialStateProperty.resolveWith(
          (final states) => states.contains(MaterialState.disabled)
              ? 50.gray
              : 500.primary,
        ),
 
      ),
    ),

我也使用了這段代碼,但沒有奏效:

elevatedButtonTheme: ElevatedButtonThemeData(
  style: ButtonStyle(
    shape: MaterialStateProperty.all<RoundedRectangleBorder>(
      RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(AppSize.s32),
      ),
    ),
    backgroundColor: MaterialStateProperty.resolveWith(
      (final states) => states.contains(MaterialState.disabled)
          ? 50.gray
          : 500.primary,
    ),
    textStyle: MaterialStateProperty.resolveWith(
      (final states) {
        return const TextStyle(color: Color(0xFF661F1F));
      },
    ),
  ),
),

這是AppTextStyles.button,

  static final TextStyle _base = GoogleFonts.inder(
    color: Colors.black,
    fontWeight: FontWeight.w600,
  );
  static final button = _base.copyWith(
      fontSize: 16.sp, fontWeight: FontWeight.w700, color: Colors.black);

但是當我添加ElevatedButton時,文本顏色仍然是白色?

      ElevatedButton.icon(
          onPressed: () {},
          icon: Icon(Icons.access_alarm),
          label: Text("Sign in")),

這是我的材料:

GetMaterialApp(
          theme: AppThemes().lightTheme,

在此處輸入圖像描述

使用 ButtonStyle 的foregroundColor 屬性。
foregroundColor: MaterialStateProperty.all(Colors.black)

嘗試更改ButtonStyleforegroundColor的顏色。

foregroundColor: MaterialStateProperty.resolveWith(
            (final states) => states.contains(MaterialState.disabled)
                ? Colors.grey
                : Color(0xFF661F1F),

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM