Flutter Web空指针错误：MaterialApp启动时触发NullPointerException

你遇到的空指针问题出在onGenerateRoute的路由参数处理逻辑里。当跳转到/rate路由却未传递arguments，或者arguments不是Map类型时，settings.arguments as Map<String, dynamic>这个强制类型转换会直接抛出空指针异常——因为null无法被强制转换为Map类型。

修复步骤： #

• 先判断settings.arguments是否为null，再用as?做安全类型转换
• 处理参数缺失的异常情况，保证路由始终返回有效的Route对象（MaterialApp要求路由生成不能返回null）

修改后的代码： #

import 'package:flutter/material.dart';
// Other imports

void main() {
  runApp(RateMyPicApp());
}

class RateMyPicApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'RateMe',
      theme: ThemeData(
        // Theme configuration
      ),
      initialRoute: '/upload',
      onGenerateRoute: (settings) {
        switch (settings.name) {
          case '/rate':
            // 安全类型转换，避免空指针
            final Map<String, dynamic>? args = settings.arguments as Map<String, dynamic>?;
            if (args != null && args.containsKey('id')) {
              final String id = args['id'];
              return MaterialPageRoute(builder: (context) => RatingPage(imageId: id));
            }
            // 参数不合法时跳转到默认页面
            return MaterialPageRoute(builder: (context) => UploadScreen());
          case '/upload':
          default:
            return MaterialPageRoute(builder: (context) => UploadScreen());
        }
      },
      // Other properties and configuration
    );
  }
}

// Other classes and code

额外提醒： #

如果RatingPage的imageId参数是不可为null的类型，要么确保传递的参数绝对有效，要么给imageId设置默认值，避免后续页面再触发空指针问题。

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