在 null 上调用了方法“[]”

Posted 2023-02-23

【中文标题】在 null 上调用了方法“[]”

【英文标题】：The method '[ ]' was called on null

【发布时间】：2020-01-17 04:31:04

【问题描述】：

我正在运行我的应用程序并收到错误消息：

“NoSuchMethodError：方法'[]'在null上被调用。接收者：null。尝试调用：。”

这也发生在“photourl”和“total questions”，我的firestore 数据库中的所有三个字段。

这个错误是在我实现provider之后发生的，所以我不确定这是否是这个结果。

我的代码如下：

void main() 
  runApp(
      ChangeNotifierProvider(
      builder: (context) => UserModel(),
      child: MyApp(),
      ),
  );


class MyApp extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return new MaterialApp(
      title: 'Profile Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(title: 'Profile'),
    );
  


class User 
  final int name;
  final DocumentReference reference;

  User.fromMap(Map<String, dynamic> map, this.reference)
      : name = map['name'];

  User.fromSnapshot(DocumentSnapshot snapshot)
      : this.fromMap(snapshot.data, reference: snapshot.reference);


class Photo 
  final int photourl;
  final DocumentReference reference;

  Photo.fromMap(Map<String, dynamic> map, this.reference)
      : photourl = map['photourl'];

  Photo.fromSnapshot(DocumentSnapshot snapshot)
      : this.fromMap(snapshot.data, reference: snapshot.reference);


class Questions 
  final int totalquestions;
  final DocumentReference reference;

  Questions.fromMap(Map<String, dynamic> map, this.reference)
      : totalquestions = map['totalquestions'];

  Questions.fromSnapshot(DocumentSnapshot snapshot)
      : this.fromMap(snapshot.data, reference: snapshot.reference);


class MyHomePage extends StatefulWidget 
  MyHomePage(Key key, this.title) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => new _MyHomePageState();


class _MyHomePageState extends State<MyHomePage> 
  @override
  Widget build(BuildContext context) 
    final _width = MediaQuery.of(context).size.width;
    final _height = MediaQuery.of(context).size.height;
    return Consumer<UserModel>(builder: (context, userModel, child) 
      return StreamBuilder<DocumentSnapshot>(
        stream: Firestore.instance.collection(userModel.uid)
            .document(userModel.uid).snapshots(),
        builder: (context, snapshot) 
          if (snapshot.hasData) 
            return Stack(
              children: <Widget>[
                new Container(
                  color: Colors.blue,
                ),
                new Image.network(
                  snapshot.data['photourl'].toString(),
                  fit: BoxFit.fill,
                ),
                new BackdropFilter(
                    filter: new ui.ImageFilter.blur(
                      sigmaX: 6.0,
                      sigmaY: 6.0,
                    ),
                    child: new Container(
                      decoration: BoxDecoration(
                        color: Colors.blue.withOpacity(0.9),
                        borderRadius: BorderRadius.all(Radius.circular(50.0)),
                      ),
                    )),
                new Scaffold(
                  appBar: new AppBar(
                    title: new Text(widget.title),
                    centerTitle: false,
                    elevation: 0.0,
                    backgroundColor: Colors.transparent,
                  ),
                  drawer: new Drawer(
                    child: new Container(),
                  ),
                  backgroundColor: Colors.transparent,
                  body: new Center(
                    child: new Column(
                      children: <Widget>[
                        new SizedBox(
                          height: _height / 12,
                        ),
                        new CircleAvatar(
                          radius: _width < _height ? _width / 4 : _height / 4,
                          backgroundImage: NetworkImage(snapshot.data['photourl']),
                        ),
                        new SizedBox(
                          height: _height / 25.0,
                        ),
                        new Text(
                          snapshot.data['name'],
                          style: new TextStyle(fontWeight: FontWeight.bold, fontSize: _width / 15, color: Colors.white),
                        ),
                        new Padding(
                          padding: new EdgeInsets.only(top: _height / 30, left: _width / 8, right: _width / 8),
                        ),
                        new Divider(
                          height: _height / 15,
                          color: Colors.white,
                        ),
                        new Row(
                          children: <Widget>[
                            rowCell(snapshot.data['totalquestions'], 'Answers'),
                            rowCell('£ $int.parse(snapshot.data['totalquestions']) * 2', 'Earned'),
                          ],
                        ),
                        new Divider(height: _height / 15, color: Colors.white),
                      ],
                    ),
                  ),
                ),
              ],
            );
           else 
            return CircularProgressIndicator();
          
        ,
      );
    );
  

【问题讨论】：

您确定您在快照中正确获取数据吗？您能否将数据打印为字符串并在此处查看或发布以便更好地理解。

@AakashKumar 我正在使用这样的流构建器获取数据：流：Firestore.instance.collection(userModel.uid) .document(userModel.uid).snapshots(), builder: (context,快照）

@AakashKumar 我还有一个单独的 user_model.dart 文件，其中包含以下内容： class UserModel extends ChangeNotifier String uid = 'users';

【参考方案1】：

该错误只是表明运算符[] 是在一个不包含 Map 对象且相当空的变量上调用的。我建议您在每次访问 map 的属性之前检查 null 或使用 ?? 为 map 提供默认值。

【讨论】：

感谢您的建议，您能否进一步详细说明检查 null/提供地图的默认值？我不知道该怎么做，也看不到网上

您可以创建一个私有方法 getValue(String key) return map != null ? map[key] : null; 并在整个小部件中使用此方法来访问 Map 中的值。

【参考方案2】：

这只是推测，但我认为您在指定流时犯了一个错误。您查询的集合是userModel.uid。你的收藏是这样命名的吗？

【讨论】：

是的，我的 user_model.dart 文件是这样的： class UserModel extends ChangeNotifier String uid = 'users';

那么您正在收听的文件呢？它有 ID“用户”吗？

我相信是的。我刚刚在主要问题中上传了我的 Firestore 设置的屏幕截图^。

您的屏幕截图显示您的文档 ID 是“testuser”

我也将 ID 修改为“testuser”，但这也不起作用

【参考方案3】：

当您使用 NetworkImage 时，您应该始终检查图像是否为空，因为它是一个异步任务。代码可能如下所示：

backgroundImage: snapshot.data['photourl'] != null ?NetworkImage(snapshot.data['photourl']) : Container(),