Flutter：通过的参数在接收端变为 null

Question

我正在尝试在 flutter 上创建一个杂货店风格的应用程序。 当我遇到以下问题时，我首先尝试在不实施任何 UI 更改的情况下设置非常基本的应用程序。 使用时

导航器.push

从一页到第二页我收到错误：

The getter 'length' was called on null.
Receiver: null
Tried calling: length

我不知道为什么会出现以下问题，因为在第一页上打印传递的 arguments 时会给出真实值，而在接收器 class 上打印它们会给出 null。 我的代码的第一页如下：

// @dart=2.9
import 'package:flutter/material.dart';

import 'BillPage.dart';
import 'ItemData.dart';
void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: FormPage(),
    );
  }
}

class FormPage extends StatefulWidget {
  FormPage({Key key}) : super(key: key);

  @override
  State<StatefulWidget> createState() => FormPageState();
}

class FormPageState extends State<FormPage> {
  List<ItemData> details;

  @override
  void initState() {
    details = [
      ItemData(
        itemName: 'Onion Sambar',
        itemPrice: 81.5,
      ),
      ItemData(
        itemName: 'Pumpkin Disco',
        itemPrice: 49.5,
      ),
      ItemData(
        itemName: 'Chow Chow',
        itemPrice: 42,
      ),
      ItemData(
        itemName: 'Karela',
        itemPrice: 29,
      ),
      ItemData(
        itemName: 'Cauliflower',
        itemPrice: 35,
      ),
      ItemData(
        itemName: 'Raw Banana',
        itemPrice: 32,
      ),
      ItemData(
        itemName: 'Arvi - Colacasia',
        itemPrice: 33.5,
      ),
      ItemData(
        itemName: 'Sponge Gourd',
        itemPrice: 40,
      ),
      ItemData(
        itemName: 'Ridge Gourd',
        itemPrice: 49,
      ),
      ItemData(
        itemName: 'Fresh Brinjal',
        itemPrice: 34.5,
      ),
      ItemData(
        itemName: 'Raw Papaya',
        itemPrice: 27,
      ),
      ItemData(
        itemName: 'Drumstick',
        itemPrice: 24,
      ),
    ];
    super.initState();
  }

  Widget _myCart() {
    return ListView.builder(
      itemCount: details.length,
      itemBuilder: (BuildContext context, int index) {
        return ListTile(
          title: Text(details[index].itemName),
          // leading: details[index].image
          trailing: details[index].isAdded
              ? Row(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              IconButton(
                icon: Icon(Icons.remove),
                onPressed: () {
                  setState(() {
                    if (details[index].counter > 0) {
                      details[index].counter--;
                    }
                  });
                },
                color: Colors.green,
              ),
              Text(details[index].counter.toString()),
              IconButton(
                icon: Icon(Icons.add),
                color: Colors.green,
                onPressed: () {
                  setState(() {
                    details[index].counter++;
                  });
                },
              ),
            ],
          )
              : ElevatedButton(
            onPressed: () {
              setState(() {
                details[index].isAdded = true;
              });
            },
            child: Text("Add"),
          ),
        );
      },
    );
  }

  // List<ItemData> _getBillItems() {
  //
  // }
  //
  // double _getAmt() {
  //   double amt = 0;
  //   for(ItemData item in details) {
  //     if(item.counter > 0) {
  //       amt += (item.itemPrice * item.counter);
  //     }
  //   }
  //   return amt;
  // }

  @override
  Widget build(BuildContext context) {
    List<ItemData> billList = [];
    double amt = 0;
    for(ItemData item in details) {
      if(item.counter > 0) {
        billList.add(item);
        amt += (item.itemPrice * item.counter);
      }
    }
    // return billList;
    return Scaffold(
        appBar: AppBar(
          title: Text('Vegetables'),
        ),
        body: _myCart(),
      floatingActionButton: FloatingActionButton(
        child: Text(
          'Order'
        ),
        onPressed: () {
          Navigator.push(context,
              MaterialPageRoute(builder: (context) => BillPage(
                items: billList,
                finalAmount: amt,
              )
              ),
          );
        },
      ),
    );
  }
}

第二页如下：

// @dart=2.9
import 'package:flutter/material.dart';
import 'ItemData.dart';

class BillPage extends StatelessWidget {
  List<ItemData> items;
  double finalAmount;
  BillPage({Key key, List<ItemData> items, double finalAmount}) : super(key: key);

  @override
  Widget build(BuildContext context) {

    // print('$items $finalAmount');

    return Scaffold(
      appBar: AppBar(),
      body: Column (
        children: [
          ListView.builder(
              itemCount: items.length,
              itemBuilder: (BuildContext context, int index) {
                return ListTile(
                  title: Text(
                      items[index].itemName
                  ),
                  trailing: Text(
                      '${items[index].itemPrice} * ${items[index].counter}'
                  ),
                );
              }
              ),
          Text(
              'Total : $finalAmount'
          )
        ],
      )
    );
  }
}

ItemData class 如下：

// @dart=2.9
class ItemData {
  final String itemName;
  final double itemPrice;
  // final File image;
  int counter = 0;
  bool isAdded = false;
  ItemData({this.itemName, this.itemPrice/*, this.image */});
}

任何有关如何解决相同问题的建议都会有所帮助，谢谢。

Answer 1

问题出在您的BillPage class 中，特别是在构造函数中：

class BillPage extends StatelessWidget {
  List<ItemData> items;
  double finalAmount;

  BillPage({Key key, List<ItemData> items, double finalAmount}) : super(key: key);

  // ...
}

在这里，您的构造函数中有一个参数items ，它被忽略了，还有一个属性items ，它始终是 null 因为您没有在任何地方修改它（因此接收器为空）。 要解决这个问题，只需执行以下操作：

class BillPage extends StatelessWidget {
  List<ItemData> items;
  double finalAmount;

  BillPage({Key key, this.items, this.finalAmount}) : super(key: key);

  // ...
}

现在，在构造函数中传递的参数items将被分配给items属性。

Answer 2

正如 Enzo 建议的那样，应该按照 Null 问题的解释来解决问题。 我建议还将 object 变成“规范化”实例。 这将提高性能。

class BillPage extends StatelessWidget {
  final List<ItemData> items;
  final double finalAmount;

  const BillPage({Key key, this.items, this.finalAmount}) : super(key: key);

  // ...
}