按钮的 Flutter GetX 自定义主题

Question

我已经这样写了我的自定义主题并存储在Get storage中。

class Themes {
  static final lightTheme = ThemeData(
    brightness: Brightness.light,
    colorScheme: const ColorScheme.light(),
    outlinedButtonTheme: OutlinedButtonThemeData(
      style: OutlinedButton.styleFrom(
        textStyle: TextStyle(
          color: CustomColor.lightLandingScreenTextColor,
        ),
      ),
    ),
  );

  static final darkTheme = ThemeData(
    brightness: Brightness.dark,
    colorScheme: const ColorScheme.dark(),
    outlinedButtonTheme: OutlinedButtonThemeData(
      style: OutlinedButton.styleFrom(
        backgroundColor: Colors.red,
        textStyle: TextStyle(
          color: CustomColor.darkLandingScreenTextColor,
        ),
      ),
    ),
  );
}

然后我尝试像这样在我的 outlinedbutton 上应用我的 outlinedbutton 主题

SizedBox(
  height: 48.h,
  width: 155.w,
  child: OutlinedButton(
           onPressed: () {},
           child: Text("SKIP"),  
           style: OutlinedButton.styleFrom(),
         ),)

我也试过这样分配主题，但这给了我一个错误。

现在如何在我的按钮中指定自定义按钮主题？我正在使用 GetX 进行状态管理。

Answer 1

尝试这样使用

style: context.theme.outlinedButtonTheme.style

您正试图在参数类型 'ButtonStyle?' 中添加 OutlinedButtonThemeData，这就是为什么会出现错误。

按钮的 Flutter GetX 自定义主题

Flutter GetX Custom Theme for Button

flutter

flutter-getx

flutter-theme