飞镖构造函数返回null

Question

这是 MainPage 类，我将参数从一个类传递给 MainPage 类。在传递参数之前，我打印列表。列表值不为空。但是将参数传递给MainPage后返回null。

import 'package:flutter/material.dart';
import 'package:rummy/gameLogic/mainpage.dart';

class Cards extends StatefulWidget {
  const Cards({Key? key, this.cardStatus}) : super(key: key);
  final bool? cardStatus;

  @override
  State<Cards> createState() => _CardsState();
   }

  class _CardsState extends State<Cards> {
 List<String>? userPickedList = [];
  List<String> list = [
'1',
'2',
'3',
'4',
'5',
'6',
'7',
'8',
'9',
'10',

  ];
 @override
Widget build(BuildContext context) {
return Container(
    height: MediaQuery.of(context).size.height / 6,
    width: MediaQuery.of(context).size.width / 1.0001,
    color: Colors.transparent,
    child: ReorderableListView(
      scrollDirection: Axis.horizontal,
      onReorder: (int oldIndex, int newIndex) {
        setState(() {
          if (oldIndex < newIndex) {
            newIndex--;
          }
          final String item = list.removeAt(oldIndex);
          list.insert(newIndex, item);
        });
      },
      children: <Widget>[
        for (int index = 0; index < list.length; index++)
          GestureDetector(
            key: ValueKey(index),
            onTap: () {
              setState(() {
                userPickedList!.add(list[index]);

                widget.cardStatus! ? list.removeAt(index) : null;
                Mainpage(
                  //   tappedStatus: tapped,
                  userPick: userPickedList?.last,
                );
                print(userPickedList?.last);
              });
            },
            child: Card(
              child: Container(
                height: MediaQuery.of(context).size.height / 4,
                width: MediaQuery.of(context).size.width / 16.7,
                alignment: Alignment.bottomCenter,
                child: Text(list[index]),
              ),
            ),
          )
      ],
    ));
   }
  }


import 'package:rummy/gameLogic/cards.dart';

class Mainpage extends StatefulWidget {
const Mainpage(
  {Key? key, this.tappedStatus,this.userPick, 
 this.shuffledCard})
  : super(key: key);
final bool? tappedStatus;
final String? shuffledCard;
 final String? userPick;

@override
_MainpageState createState() => _MainpageState();
 }

class _MainpageState extends State<Mainpage> {
 @override
 void initState() {
   super.initState();



}

  bool cardDrop = false;

  @override
  Widget build(BuildContext context) {
  return Stack(
  children: [
    Positioned(
      bottom: 0,
      child: Container(
          color: Colors.white, child: Cards(cardStatus: cardDrop)),
    ),
    Positioned(
        top: MediaQuery.of(context).size.height / 3.5,
        left: MediaQuery.of(context).size.width / 2.8,
        child: Container(
          padding: const EdgeInsets.fromLTRB(5, 0, 0, 0),
          height: MediaQuery.of(context).size.height / 4,
          width: MediaQuery.of(context).size.height / 6,
          color: Colors.black,
          child: const Center(
            child: Text(
              'Shuffled card',
              style: TextStyle(color: Colors.white),
            ),
          ),
        )),
    Positioned(
        top: MediaQuery.of(context).size.height / 3.5,
        left: MediaQuery.of(context).size.width / 1.8,
        child: Container(
          padding: const EdgeInsets.fromLTRB(5, 0, 0, 0),
          height: MediaQuery.of(context).size.height / 4,
          width: MediaQuery.of(context).size.height / 6,
          color: Colors.black,
          child: Center(
            child: Text(
              widget.userPick.toString(),
              style: const TextStyle(color: Colors.white),
            ),
          ),
        )),
    Positioned(
        top: MediaQuery.of(context).size.height / 2,
        right: MediaQuery.of(context).size.width / 38,
        child: GestureDetector(
          onTap: () {
            setState(() {
              cardDrop = true;
              Cards(cardStatus: cardDrop);
              if (widget.tappedStatus == true) {
                cardDrop = false;
                Cards(cardStatus: cardDrop);
              }
              // Future.delayed(const Duration(seconds: 10));
            });
          },
          child: Container(
            height: MediaQuery.of(context).size.height / 6,
            width: MediaQuery.of(context).size.width / 8,
            color: Colors.black,
            child: const Center(
                child: Text(
              'Drop Card',
              style: TextStyle(color: Colors.white),
            )),
          ),
        ))
  ],
);
 }
}

这是我的完整代码。

我有两个班级主页和卡片。两者都在互相传递参数。

Answer 1

尝试替换userPickedList!.last userPickedList?.last

Answer 2

如果你让你的 MainPage 可见（例如给它一个粉红色的背景）你会发现你的问题不在于你的参数为空，你的问题是它根本不会显示。

它不在构建方法的树中。

很难知道您想要实现什么。您需要将 MainPage 放入从构建函数返回的可见元素树中。您的 Cards 课程也有同样的问题。它在您从构建方法返回的树中。它永远不可见。

此外，我鼓励你阅读零安全教程，你让你的生活变得比应有的更艰难。一旦你理解了它，你的代码周围就会少很多猜测和!。掌握得越好，编译器消息就越有用。