如何解决此“在 null 上调用了 getter 'length'”

Question

我的大学服务器上托管了一个 php 文件，当我在服务器上运行此文件时，它运行良好。我可以在运行链接http://www.alkadhum-col.edu.iq/Teachers%20Activities/get.php中的php文件后获取json数据，但是当我尝试在应用程序屏幕上颤动时无法获取它们时，得到“getter'length'被调用为null” .

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';

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

class Workshops extends StatelessWidget {
  @override
  Widget build(BuildContext mycontext) {
    return MaterialApp(
      home:Scaffold(
        appBar: AppBar(
          backgroundColor: Color.fromRGBO( 52, 73, 94, 1.0),
        automaticallyImplyLeading: false, // Don't show the leading button
        title: new Text("PHP with Flutter"),
        ),

        body: PostScreen(),
        )
    );
  }
}    

class PostScreen extends StatefulWidget {
  @override
  _PostScreenState createState() => _PostScreenState();
}

class _PostScreenState extends State<PostScreen> {
  List<Post> _postList = new List<Post>();

  Future<List<Post>> fetchPost() async {
    final response =
        await http.get('http://www.alkadhum-col.edu.iq/Teachers%20Activities/get.php');

    if (response.statusCode == 200) {
      // If the call to the server was successful, parse the JSON
      List<dynamic> values = new List<dynamic>();
      values = json.decode(response.body);
      if (values.length > 0) {
        for (int i = 0; i < values.length; i++) {
          if (values[i] != null) {
            Map<String, dynamic> map = values[i];
            _postList.add(Post.fromJson(map));
          }
        }
      }
      return _postList;
    } else {
      // If that call was not successful, throw an error.
      throw Exception('Failed to load post');
    }
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<Post>>(
      future: fetchPost(),
      builder: (_, AsyncSnapshot<List<Post>> snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return Center(child: CircularProgressIndicator());
        }

        return ListView.builder(
          itemCount: snapshot.data.length,
          itemBuilder: (_, index) {
            //dynamic post = snapshot.data[index];
            return (Container(
              margin: EdgeInsets.symmetric(vertical: 2.0, horizontal: 8.0),
              child: new Card(
                elevation: 10.0,
                child: new Container(
                  child: new Column(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: <Widget>[
                      new Text(snapshot.data[index].name, style: TextStyle(fontSize: 18.0),),
                      new Text(snapshot.data[index].msg, style: TextStyle(fontSize: 18.0),),
                      new Text(snapshot.data[index].day, style: TextStyle(fontSize: 18.0),),
                      new Text(snapshot.data[index].date, style: TextStyle(fontSize: 18.0),),
                    ],
                  ),
                ),
              ),
            ));
          },
        );
      },
    );
  }

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

class Post {
  String name;
  String msg;
  String day;
  String date;

  Post({this.name, this.msg, this.day, this.date});

  factory Post.fromJson(Map<String, dynamic> json) {
    return Post(
      name: json['name'],
      msg: json['msg'],
      day: json['day'],
      date:json['date']
    );
  }
}

如何解决这个问题？
提前致谢。

Answer 1

只需对列表 List<Post> _postList = [] 执行此操作，它的所有内容都是 Dart 中的对象，因此当您执行此操作时 List<Post> _postList = new List<Post>(); 您的变量 _postList 等于 null 因为已声明但未初始化，因此默认情况下它为 null 并且在初始化之前，您将无法使用列表的任何属性。

在简历中只需像这样初始化您的列表：一个空列表 List<Post> _postList = [];

所以你没有这个问题。

Answer 2

我查看了您的链接并尝试运行代码，我认为问题出在从您的链接返回的数据中。

[{"name":"م.م علي ستار باراني","msg":"امتحان مادة قواعد البيانات اول جابترين ","day":"السبت","date":"2019-06-20"}][{"name":"م. امجد عباس التميمي","msg":"امتحان مادة هندسة البرامجيات اول فصلين","day":"الاحد","date":"2019-06-21"},{"name":"م.م علي ستار باراني","msg":"امتحان مادة قواعد البيانات اول جابترين ","day":"السبت","date":"2019-06-20"}]

在第一个对象之后，您有一个右方括号，并且没有逗号将它与旁边的左方括号分开。在链接体上调用json.decode()会抛出以下错误

FormatException (FormatException: Unexpected character (at character 115)
...,"day":"السبت","date":"2019-06-20"}][{"name":"م. امجد عباس التميمي","msg...
                                       ^
)

修复后，它对我来说运行良好。我通过手动获取链接正文并删除违规字符进行测试，留下下面的 json。

[{"name":"م.م علي ستار باراني","msg":"امتحان مادة قواعد البيانات اول جابترين ","day":"السبت","date":"2019-06-20"},{"name":"م. امجد عباس التميمي","msg":"امتحان مادة هندسة البرامجيات اول فصلين","day":"الاحد","date":"2019-06-21"},{"name":"م.م علي ستار باراني","msg":"امتحان مادة قواعد البيانات اول جابترين ","day":"السبت","date":"2019-06-20"}]

现在运行应用程序会显示以下内容：

Answer 3

确保始终像这样检查 itemCount 中的空值

ListView.builder(
  itemCount: snapshot.data.length == null ? 0 :snapshot.data.length,
  itemBuilder: (_, index){}
),

如果您的列表为空，则 itemCount 将返回 0。