Flutter日历墨西哥西班牙语本地化报错求助

问题原因 #

你的代码中嵌套了两个MaterialApp组件，每个MaterialApp会创建独立的本地化上下文环境，导致DatePickerDialog无法找到所需的MaterialLocalizations实例，触发报错。

解决方案 #

1. 统一本地化配置到根MaterialApp #

移除ChildWidget中的MaterialApp，只保留根组件的MaterialApp，将本地化相关配置集中在这里：

class MyHomePage extends StatefulWidget {
  ...
}

class _MyHomePageState extends State<MyHomePage> {
  ...
  @override
  Widget build(BuildContext context) {
    ...
    return MaterialApp(
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('en'),
        const Locale('es', 'MX'),
      ],
      locale: const Locale('es', 'MX'),
      home: ChildWidget(),
    );   
  }
}

// ChildWidget 改为普通组件，不再返回MaterialApp
class ChildWidget extends StatefulWidget {
  ...
}

class _ChildWidgetState extends State<ChildWidget> {
  ...
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('示例页面')),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            await showDatePicker(
              context: context,
              initialDate: DateTime.now(),
              firstDate: DateTime(2020),
              lastDate: DateTime(2030),
            );
          },
          child: Text('打开日历选择器'),
        ),
      ),
    );
  }
}

2. 确保使用正确的上下文 #

调用showDatePicker时，必须传入根MaterialApp子组件的上下文，避免使用MaterialApp外部的context，这样才能正确关联到本地化配置。

内容的提问来源于stack exchange，提问作者Group of Stars