Flutter中Date Picker未应用自定义Theme问题排查与解决

这是Theme相关Bug吗？ #

不是Bug，是路由上下文的作用范围导致的。showDatePicker 通过Navigator弹出新路由时，会使用传入的context关联的最顶层MaterialApp主题。你当前传入的context是_TestTheme2的build context，这个上下文的上层主题仍是初始的红色MaterialApp主题——Theme组件的作用范围仅局限于自身子树，而弹出的新路由并不在这个子树范围内，因此无法继承绿色主题。

修复方案 #

有两种简单可行的修复方式：

方式一：用Builder获取子树内的Context

在Scaffold内部用Builder包裹按钮，让按钮的context继承外层的绿色Theme，这样弹出的DatePicker就能正确使用当前主题：

// 将原ElevatedButton替换为以下代码
Builder(
  builder: (context) {
    return ElevatedButton(
      child: Text('Pick date'),
      onPressed: () {
        var now = DateTime.now();
        showDatePicker(
          context: context,
          initialDate: now,
          firstDate: DateTime(now.year - 1, now.month, now.day),
          lastDate: DateTime(now.year + 1, now.month, now.day),
        );
      },
    );
  },
),

方式二：将Theme提升至MaterialApp层级

如果希望整个新页面的路由栈都使用绿色主题，可直接返回新的MaterialApp（你代码中已注释该方案）：

// 替换原return Theme(...)代码
return MaterialApp(theme: theme, home: child);

这种方式下，新页面的所有组件（包括弹出的DatePicker）都会自动继承绿色主题。

效果验证 #

修复完成后，DatePicker的选中标记、确认按钮等元素会同步变为绿色，与Checkbox、Switch的配色保持一致。

内容的提问来源于stack exchange，提问作者Patrick