首页 > 解决方案 > 如何在 Dart Flutter 中使日期选择器“确定”和“取消”按钮文本变黑?

问题描述

我在 Flutter 中有一个日期选择器。我想让“确定”和“取消”按钮文本变黑。但我找不到正确的主题设置。

显示日期选择器的代码:

Future<void> selectDate(
      BuildContext context,
      DateTime initialDate,
      TextEditingController controller,
      Function(DateTime picked, TextEditingController controller) onDatePicked,
      String label) async {
    final DateTime picked = await showDatePicker(
        context: context,
        builder: (BuildContext context, Widget child) {
          return Theme(
            data: ThemeData(
              primarySwatch: Colors.grey,
              splashColor: Colors.black,
              textTheme: TextTheme(
                subtitle1: TextStyle(color: Colors.black),
                button: TextStyle(color: Colors.black),
              ),
              accentColor: Colors.black,
              colorScheme: ColorScheme.light(
                  primary: Colors.green[600],
                  primaryVariant: Colors.black,
                  secondaryVariant: Colors.black,
                  onSecondary: Colors.black,
                  onPrimary: Colors.white,
                  surface: Colors.black,
                  onSurface: Colors.black,
                  secondary: Colors.black),
              dialogBackgroundColor: Colors.white,
            ),
            child: child,
          );
        },
        initialDate: initialDate.toLocal(),
        firstDate: DateTime(2015, 8).toLocal(),
        lastDate: DateTime(2101).toLocal(),
        fieldLabelText: label);
    if (picked != null) onDatePicked(picked, controller);
  }

它目前的外观: 在此处输入图像描述

谢谢!

标签: flutterdartcolorsdatepickerthemes

解决方案


在你的ThemeData

textButtonTheme: new TextButtonThemeData(style: TextButton.styleFrom(primary: Colors.black),),

推荐阅读