Flutter无人机应用报错：无法无条件调用[]方法，接收者可能为null

错误原因 #

event.snapshot.value的类型为Object?，可能为null，Dart空安全机制禁止直接对可能为null的对象调用[]操作符。另外_currentLocation使用late修饰，但如果Firebase监听回调未执行就渲染UI，会触发未初始化错误。

修复步骤及代码 #

1. 给_currentLocation设置初始默认坐标，避免未初始化问题。
2. 对Firebase返回的快照值做空检查，并转换为Map<String, dynamic>类型后再读取经纬度字段。
3. 在FlutterMap中添加标记层，将无人机位置以标记形式展示，确保Firebase数据更新时标记位置同步刷新。

修改后的完整代码：

import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_database/firebase_database.dart';
import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong2/latlong.dart';

class MapWidgetW extends StatefulWidget {
  @override
  _MyMapState createState() => _MyMapState();
}

class _MyMapState extends State<MapWidgetW> {
  // 设置初始默认位置，避免late未初始化问题
  LatLng _currentLocation = LatLng(31.2304, 121.4737); // 上海坐标示例

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

  void _getCurrentLocation() {
    final databaseReference = FirebaseDatabase.instance.ref("Location");
    // 注意：若Firebase节点路径并非"Location/Location"，则移除child("Location")
    databaseReference.onValue.listen((DatabaseEvent event) {
      // 处理快照值的空安全
      final data = event.snapshot.value as Map<String, dynamic>?;
      if (data != null) {
        final lat = data["Lat"] as double?;
        final lng = data["Lng"] as double?;
        if (lat != null && lng != null) {
          setState(() {
            _currentLocation = LatLng(lat, lng);
          });
        }
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return FlutterMap(
      options: MapOptions(
        center: _currentLocation, // 将地图中心设置为当前无人机位置
        zoom: 15, // 设置合适的缩放级别
      ),
      children: [
        // 添加地图瓦片层，使用OpenStreetMap免费服务
        TileLayer(
          urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
          subdomains: const ['a', 'b', 'c'],
        ),
        // 添加无人机位置标记层
        MarkerLayer(
          markers: [
            Marker(
              width: 40,
              height: 40,
              point: _currentLocation,
              builder: (ctx) => const Icon(
                Icons.flight,
                color: Colors.red,
                size: 40,
              ),
            ),
          ],
        ),
      ],
    );
  }
}

额外说明 #

• 检查Firebase Realtime Database的节点路径，若你的位置数据直接存在Location节点下，而非Location/Location，则删除代码中的child("Location")。
• 当你修改Firebase中Location节点下的Lat和Lng值时，监听回调会自动触发setState，同步更新地图中心与标记位置。

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