颤动- NoSuchMethodError

Question

我在Searchview flutter中做这个例子

https://github.com/MageshPandian20/Flutter-SearchView

但是我想改变一下

ChildItem

类，该类具有

最后的字符串名称属性；

在我的例子中，我有一个Product类，所以我必须在这个意义上修改代码。当我运行应用程序时，我得到以下错误：

I/flutter (18897)：在构建IndexFragment时抛出以下NoSuchMethodError (脏，状态: I/flutter (18897)：

_

SearchListState#4f3d3)：I/flutter (18897)：在null上调用了方法'map‘。I/flutter (18897)：Receiver:空I/flutter (18897)：已尝试呼叫: map(Closure：(产品) => ChildItem)

我不明白为什么我会得到这个错误。在片刻的测试和错误中，在调试模式下运行应用程序，一切都正常工作，但由于我运行它的方式，运行速度有点慢……我想我遗漏了一个小细节，但当我运行应用程序时，我得到了上面提到的错误。我希望你能帮助我。谢谢你。

*

PS:在调试模式下运行应用程序时，请检查Product列表不为空，以及列表中每个项目的属性。

我的代码：

import 'package:carousel_pro/carousel_pro.dart';
import 'package:flutter/material.dart';
import 'package:graphqllapp/data/product_data.dart';
import 'package:graphqllapp/modules/product_presenter.dart';

class IndexFragment extends StatefulWidget {

  IndexFragment({ Key key }) : super(key: key);

  @override
  _SearchListState createState() =>  _SearchListState();

 } 

class _SearchListState extends State implements ProductListView
{
  Widget appBarTitle = new Text("Portada", style: new TextStyle(color: Colors.white),);
  Icon actionIcon = new Icon(Icons.search, color: Colors.white,);
  final key = new GlobalKey();
  final TextEditingController _searchQuery = new TextEditingController();
  List _list;
  bool isSearching;
  String _searchText = "";
  ProductListPresenter _presenter;

  _SearchListState() {
        _presenter = new ProductListPresenter(this);
        _presenter.loadProducts();

    _searchQuery.addListener(() {
      if (_searchQuery.text.isEmpty) {
        setState(() {
          isSearching = false;
          _searchText = "";
        });
      }
      else {
        setState(() {
          isSearching = true;
          _searchText = _searchQuery.text;
        });
      }
    });
  }

  void init() {
    _presenter.loadProducts();  
  }

 @override
  void initState() {
    super.initState();
    init();
    isSearching = false;    
  }


 @override
  Widget build(BuildContext context)  {
   return new Column(
     children: [  new Expanded(
          child:  new  SizedBox(
            child: new Carousel(
                     images: [
                       new ExactAssetImage('images/glutamina.jpg'),
                       new ExactAssetImage('images/frasco1.jpg'),
                       new ExactAssetImage('images/frasco.jpg')]
            )
            ),flex: 2),
            new Expanded(
              child:  new Column(children: [
              new IconButton(icon: actionIcon, onPressed: () {
            setState(() {
              if (this.actionIcon.icon == Icons.search) {
                this.actionIcon = new Icon(Icons.close, color: Colors.white,);
                this.appBarTitle = new TextField(
                  controller: _searchQuery,
                  style: new TextStyle(
                    color: Colors.white,
                  ),
                  decoration: new InputDecoration(
                      prefixIcon: new Icon(Icons.search, color: Colors.white),
                      hintText: "Search...",
                      hintStyle: new TextStyle(color: Colors.white)
                  ),
                );
                _handleSearchStart();
              } else {
                _handleSearchEnd();
              }
            });
          },),new ListView(
        padding: new EdgeInsets.symmetric(vertical: 8.0),
        children: isSearching ? _buildSearchList() : _buildList(),
      )] ),flex : 4)]);      
  }

  List _buildList() {
    return _list.map((product) => new ChildItem(product)).toList();
  }

  List _buildSearchList() {
    if (_searchText.isEmpty) {
      return _list.map((product) => new ChildItem(product)).toList();
    } else {
      List _searchList = List();
      for (int i = 0; i < _list.length; i++) {
        Product product = _list.elementAt(i);
        if (product.name.toLowerCase().contains(_searchText.toLowerCase())) {
          _searchList.add(product);
        }
      }
      return _searchList.map((product) => new ChildItem(product)).toList();
    }
  }

  void _handleSearchStart() {
    setState(() {
      isSearching = true;
    });
  }

  void _handleSearchEnd() {
    setState(() {
      this.actionIcon = new Icon(Icons.search, color: Colors.white,);
      this.appBarTitle =
      new Text("Search Sample", style: new TextStyle(color: Colors.white),);
      isSearching = false;
      _searchQuery.clear();
    });
  }

  @override
  void onLoadProductsError(String msg) {
    // TODO: implement onLoadProductsError
  }

  @override
  void onLoadProductsFinish(List products) {
    // TODO: implement onLoadProductsFinish
    _list = products;
  }
}

class ChildItem extends StatelessWidget {
  final Product product;

  ChildItem(this.product);

  @override
  Widget build(BuildContext context) {
    return new ListTile(
      leading: new CircleAvatar(
          child: Image.memory(product.mainImage),
          backgroundColor: Colors.transparent,
        ),
      title: new Text(product.name, style : new TextStyle(fontWeight: FontWeight.bold)),
        subtitle: new Text(product.description) ,
        isThreeLine: true,
      );
  }
}

产品类别：

import 'dart:async';
import 'dart:typed_data';
import 'dart:convert';

class Product {

 int id;
 String name;
 String description;
 Uint8List mainImage;
 Uint8List firstImage;
 Uint8List secondImage;

 Product({this.id,this.name,this.description,this.mainImage,this.firstImage,this.secondImage});

 Product.fromMap(Map map)
 :id = map["id"],
  name = map["name"],
  description = map["description"],
  mainImage = base64.decode(map["main_image"]),
  firstImage = base64.decode(map["first_image"]),
  secondImage = base64.decode(map["second_image"]);  
}

MockProductRepository类：

import 'dart:async';
import 'dart:convert';

import 'package:flutter/services.dart';
import 'package:graphqllapp/data/product_data.dart';

class MockProductRepository implements ProductRepository {

  @override
  Future> fetchProducts() async {
    // TODO: implement fetchUsers
    String data = await rootBundle.loadString("mockdata/data.json");
    var jsonResult = json.decode(data);
    return (jsonResult['products'] as List).map((p)=> Product.fromMap(p)).toList();
  }
}

演示者类：

import 'package:graphqllapp/data/product_data.dart';
import 'package:graphqllapp/dependency_injection.dart';

abstract class ProductListView {
  void onLoadProductsFinish(List users);
  void onLoadProductsError(String msg);
}

class ProductListPresenter {

  ProductListView _view;
  ProductRepository _repository;

  ProductListPresenter(this._view){
    _repository = Injector().productRepository;
  }

  void loadProducts(){
    _repository.fetchProducts()
                .then((v)=>_view.onLoadProductsFinish(v))
                .catchError((onError)=>_view.onLoadProductsError("Error to get users: $onError"));
  }
}

Answer 1

该错误似乎是由以下原因引起的

存在

在初始化之前通过

..。只需声明您的

带有一个空的(

)列表，它应该可以工作。

List _list = [];