錯誤“在 null 上調用了 getter 'url'。” 我在這里做錯了什么？

Question

1. 這是我的 model 服務。

'''
class ServiceItem {  

final String id;
  final String serviceName;
  final String url;

  ServiceItem({this.id, this.serviceName, this.url});
}

List<ServiceItem> items = [
  ServiceItem(
    id: '1',
    serviceName: 'Shopping Bag',
    url: "./assets/img/shopping_bag.png",
  ),
  ServiceItem(
    id: '2',
    serviceName: 'Order Lists',
    url: "./assets/img/order.png",
  ),
  ServiceItem(
      id: '3',
      serviceName: 'Everyday Subscription',
      url: "./assets/img/everyday.png"),
  ServiceItem(
    id: '4',
    serviceName: 'Handyman',
    url: "./assets/img/handyman.png",
  ),
];

'''

2. 實例化頁面上的 model class。

'''
ServiceItem _serviceItem;
'''

3. 調用小部件中的屬性。

'''
Image(image: AssetImage(_serviceItem.url[index])),
Text(_serviceItem.serviceName[index]),
'''

4. 出現錯誤“在 null 上調用了 getter 'url'。” 並出現錯誤“在 null 上調用了 getter 'serviceName'。” 和

我在這里做錯了什么？ 提前感謝您的幫助。

Answer 1

嘗試

Image(image: AssetImage(items[index].url)),
Text(items[index].serviceName),

或者

_serviceItem=items[index];
Image(image: AssetImage(_serviceItem.url)),
Text(_serviceItem.serviceName),