Flutter中AppLocalizations重复初始化问题求解决方案

核心问题 #

你重复嵌套了MaterialApp组件，这是导致本地化配置必须重复的根本原因：

• 外层PApp中的MaterialApp是应用的全局根组件，负责全局配置
• 内层PHomePage中又嵌套了一个MaterialApp，导致两个组件的上下文完全隔离
• 当你在PHomePage的AppBar中调用AppLocalizations.of(context)时，这个context属于内层MaterialApp，如果内层未配置本地化就会返回null；反之仅配置内层时，外层上下文也无法访问本地化资源

解决方案：移除嵌套的MaterialApp #

一个Flutter应用只需要一个根MaterialApp，所有页面作为它的子组件即可共享全局配置。

修改后的PApp代码

class PApp extends StatelessWidget {
  const PApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, // 将原内层的配置移到这里
      localizationsDelegates: [
        AppLocalizations.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en'), 
        Locale('fr'), 
      ],
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
        useMaterial3: true,
      ),
      home: const PHomePage(title: ''),
    );
  }
}

修改后的PHomePage代码

class PHomePage extends StatefulWidget {
  const PHomePage({super.key, required this.title});

  final String title;

  @override
  State<PHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<PHomePage> {
  @override
  Widget build(BuildContext context) {
    // 直接返回Scaffold，移除嵌套的MaterialApp
    return Scaffold(
      drawer: Navbar(),
      appBar: AppBar(
        title: Text(AppLocalizations.of(context)!.maintitle),
      ),
      body: const Center(
        child: Text('', style: TextStyle(fontSize: 40.0)),
      ),
    );
  }
}

补充说明 #

如果需要动态切换本地化或主题，可以通过状态管理（如Provider、Riverpod）结合MaterialApp的locale参数实现，完全不需要嵌套多个MaterialApp。

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