Flutter问题：已加空值校验仍短暂触发空值检查运算符异常

问题描述 #

设备会短暂抛出Null check operator used on a null value异常，尽管已添加空值校验确保hotmod不为空，作为Flutter新手，希望获得代码优化建议。

原代码 #

class _HotelPageState extends State<HotelPage> {
  HotelMode? hotmod;                              // object of class
  var isLoaded = false;

  @override
  void initState() {
    super.initState();
    getData();
  }

  getData() async {
    hotmod = await HotelService().getHotelInfo();
    if (hotmod != null) {                            // checks if it has data
      setState(() {
        isLoaded = true;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: backgroundbgtheme,
        appBar: AppBar(
          centerTitle: true,
          title: const Text(
            'Отель',
            style: TextStyle(color: Colors.black),
          ),
          toolbarHeight: 50,
          backgroundColor: backgroundtheme,
          elevation: 0,
        ),
        body: Visibility(
          replacement: const Center(
            child: CircularProgressIndicator(),
          ),
          visible: isLoaded,
          child: ListView(
            children: [ HotelScreen(
              image: hotmod!.imageUrls[1],
                hotelname: hotmod!.name,
                price: hotmod!.minimalPrice,
                priceForIt: hotmod!.priceForIt,
                country: hotmod!.adress,
                rating: hotmod!.rating,
                ratingName: hotmod!.ratingName),
              HotelDescription(hotdesc: hotmod!.aboutTheHotel.description),
              const BottomButtonWidget()
              ]
          ),
        )
    );
  }
}

问题分析 #

你只校验了hotmod本身不为空，但没处理**hotmod内部属性为空**的情况：

• 比如hotmod!.imageUrls[1]，如果imageUrls是null或者长度不足2，会直接抛出空指针异常；
• hotmod!.aboutTheHotel.description如果aboutTheHotel是null，也会触发异常；
• 手动管理isLoaded和hotmod的状态，存在状态不同步的潜在风险。

优化建议 #

1. 用FutureBuilder替代手动状态管理 #

FutureBuilder可以自动处理异步请求的加载、成功、失败状态，无需手动维护isLoaded变量，代码更简洁健壮。

2. 全面处理空值，避免强制解包! #

对所有可能为空的属性使用?.安全访问，配合??提供默认值，彻底避免空指针异常。

3. 代码规范优化 #

• 变量命名：hotmod改为hotelModel，语义更清晰；
• 函数命名：getData改为fetchHotelData，符合Dart小驼峰命名规范；
• 类型声明：var isLoaded改为bool isLoaded，明确变量类型。

优化后的代码 #

class _HotelPageState extends State<HotelPage> {
  late final Future<HotelMode?> _hotelFuture;

  @override
  void initState() {
    super.initState();
    _hotelFuture = fetchHotelData();
  }

  Future<HotelMode?> fetchHotelData() async {
    return await HotelService().getHotelInfo();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: backgroundbgtheme,
      appBar: AppBar(
        centerTitle: true,
        title: const Text(
          'Отель',
          style: TextStyle(color: Colors.black),
        ),
        toolbarHeight: 50,
        backgroundColor: backgroundtheme,
        elevation: 0,
      ),
      body: FutureBuilder<HotelMode?>(
        future: _hotelFuture,
        builder: (context, snapshot) {
          // 加载中状态
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          }
          // 请求出错状态
          if (snapshot.hasError) {
            return Center(child: Text('加载失败: ${snapshot.error}'));
          }
          // 数据为空状态
          final hotelModel = snapshot.data;
          if (hotelModel == null) {
            return const Center(child: Text('暂无酒店数据'));
          }
          // 数据加载成功状态
          return ListView(
            children: [
              HotelScreen(
                image: hotelModel.imageUrls?[1] ?? '', // 为空时用默认空字符串
                hotelname: hotelModel.name ?? '未知酒店',
                price: hotelModel.minimalPrice ?? 0,
                priceForIt: hotelModel.priceForIt ?? '',
                country: hotelModel.adress ?? '未知地址',
                rating: hotelModel.rating ?? 0,
                ratingName: hotelModel.ratingName ?? '',
              ),
              HotelDescription(
                hotdesc: hotelModel.aboutTheHotel?.description ?? '暂无酒店描述',
              ),
              const BottomButtonWidget(),
            ],
          );
        },
      ),
    );
  }
}

额外提示 #

• 如果HotelScreen或HotelDescription的参数不允许为空，建议在组件接收时也做空值处理，或者在数据模型层确保数据完整性；
• 可以给默认值设置更合理的占位内容，比如图片用占位图URL，提升用户体验。

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