NoSuchMethodError：在 null 上调用了方法“add”——尝试调用：add（“FittedBox”的实例）答案

【问题标题】：NoSuchMethodError: The method 'add' was called on null -- Tried calling: add(Instance of 'FittedBox')NoSuchMethodError：在 null 上调用了方法“add”——尝试调用：add（“FittedBox”的实例）
【发布时间】：2020-08-23 19:47:02
【问题描述】：

在我的 Flutter 应用程序中，我有一个数据列表。它看起来像这样：

List<ContentData> contentList = [
    ContentData(
        'Mona Lisa',
        'images/0.jpg',
        '1504',
        'daVinci',
        'Louvre, Paris',
        'Mona Lisa ist ein weltberühmtes Ölgemälde von Leonardo da Vinci aus der Hochphase der italienischen Renaissance Anfang des 16. Jahrhunderts. Das auf Italienisch als La Gioconda (‚die Heitere‘) – davon abgeleitet ihr französischer Name La Joconde – bekannte Bild wurde vermutlich nach der Florentinerin Lisa del Giocondo benannt. Der unter anderem im deutschsprachigen Raum gebräuchliche Titel Mona Lisa beruht auf einem Rechtschreibfehler, denn Mona leitet sich von der italienischen Kurzform Monna (für Madonna ‚Frau‘) ab, und ist demnach also kein Vorname, sondern der Titel, mit dem Lisa als Ehefrau (madonna) von Francesco del Giocondo angeredet wurde.',
        'https://de.wikipedia.org/wiki/Mona_Lisa'),]

在我的应用程序中，我有一个类似于 Tinder 图像滑动的小部件，称为 TCard (https://pub.dev/packages/tcard)。在 TCard 中有一个可以容纳多个小部件的卡片属性。这工作得很好，但我不想每次向 contentList 添加内容时都进行硬编码，所以我只希望它保存一个列表。目前该列表的实现如下：

 Expanded(
              child: TCard(
                cards: AppBrain().tinderPagesList,
                controller: _controller,
                onForward: (index, info) {
                  print(index);
                  print(info.direction);
                  if (info.direction == SwipDirection.Right) {
                    print('right');
                  } else {
                    print('left');
                  }
                },
                onBack: (index) {
                  print("onBack");
                },
                onEnd: () {
                  setState(() {
                    toSwipePage();
                    print("end");
                  });
                },
              ),
            ),

我还希望 tinderPagesList 根据 contentList 中的内容自动创建自己，因此当我添加新条目时，tinderPagesList 中应该有一个新条目。我试图实现这一点的方式如下所示：我有清单：

 List<FittedBox> tinderPagesList;

我有这个功能：

 void tinderPagesListAdder() {
    for (var i = 0; i < AppBrain().contentList.length; i++) {
      var currentImageNumber = 0;
      AppBrain().tinderPagesList.add(
            FittedBox(
              child: Container(
//                height: MediaQuery.of(context).size.height,
                margin: EdgeInsets.only(left: 50, right: 50),
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(20),
                      topRight: Radius.circular(20),
                      bottomLeft: Radius.circular(20),
                      bottomRight: Radius.circular(20)),
                  boxShadow: [
                    BoxShadow(
                      color: Colors.grey.withOpacity(0.5),
                      spreadRadius: 5,
                      blurRadius: 7,
                      offset: Offset(0, 3), // changes position of shadow
                    ),
                  ],
                ),
                child: ClipRRect(
                  borderRadius: BorderRadius.circular(20),
                  child: Image.asset(
                    "images/$currentImageNumber.jpg",
                  ),
                ),
              ),
            ),
          );
    }
  }

我得到的错误在标题中。我被卡住了，不知道如何解决这个问题。

【问题讨论】：

标签： flutter flutter-layout

【解决方案1】：

您尚未初始化 tinderPagesList 变量。

你需要先初始化它然后你才能添加。这样做：

List<FittedBox> tinderPagesList = [];

【讨论】：