flutter - 如何在 Flutter 中自定义一个 TimePicker widget

Question

如何从输入时间选择器小部件更改紫色选择颜色、紫色边框颜色、时间文本颜色以及Hour 和Minute 颜色，似乎无法在 TimePickerThemeData

中找到属性

Answer 1

showTimePicker(
                  context: context,
                  initialTime: TimeOfDay(hour: 10, minute: 47),
                  builder: (context, child) {
                    return Theme(
                      data: ThemeData.light().copyWith(
                        colorScheme: ColorScheme.light(
                          // change the border color
                          primary: Colors.red,
                          // change the text color
                          onSurface: Colors.purple,
                        ),
                        // button colors 
                        buttonTheme: ButtonThemeData(
                          colorScheme: ColorScheme.light(
                            primary: Colors.green,
                          ),
                        ),
                      ),
                      child: child,
                    );
                  },
                );

结果: