断言失败：布尔表达式不能为空，范围模型在颤振

Question

我正在尝试使用范围模型创建一个函数，该模型将有一个 favorite_border 图标，当它被按下时，它会变成一个收藏图标。除此之外，增量计数器将向查看者显示来自 firebase 数据的点赞数。我正在尝试使用作用域模型来创建此函数，但出现错误“断言失败：布尔表达式不得为空”。关于这个问题的任何想法？

class LikesModel extends Model {

DocumentSnapshot snapshot;

bool liked = false;

static LikesModel of(BuildContext context) =>
  ScopedModel.of<LikesModel>(context);


bool isLiked() {

 liked = true;
 notifyListeners();

}

void pressed(){
liked = !liked;
notifyListeners();
}

void changeLikes() {
Firestore.instance
    .collection(snapshot.documentID)
    .document(snapshot.documentID)
    .updateData({'likes': FieldValue.increment(liked ? 1 : -1)});
notifyListeners();
}
}

class LanchonetesContact extends StatefulWidget {

final DocumentSnapshot lanchonetes;

LanchonetesContact(this.lanchonetes);

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

class _LanchonetesContactState extends State<LanchonetesContact> {


@override
Widget build(BuildContext context) {
return Padding(
              padding: EdgeInsets.only(top: 0.0),
              child: Card(
                  elevation: 1.0,
                  child: GestureDetector(
                      child: Container(
                        height: 70.0,
                        width: 390.0,
                        color: Colors.white,
                        child: Row(
                          children: <Widget>[
                            Icon(
                              LikesModel.of(context).isLiked() ?       
                                Icons.favorite : Icons.favorite_border,
                              color: LikesModel.of(context).isLiked() ?   
                              Colors.red : Colors.black,
                              size: 50.0,
                            ),

                            StreamBuilder(
                               stream: Firestore.instance
                               .collection('lanchonetes')
                               .document(widget.lanchonetes.documentID)
                               .snapshots(),
                               builder: (context, snapshot) => Text(
                               snapshot.data.data["likes"].toString(),
                                  style: TextStyle(fontSize: 40.0),
                                ) 
                            ),
                          ],
                          mainAxisAlignment: MainAxisAlignment.center,
                        ),
                      ),
                      onTap: () {
                        LikesModel.of(context).changeLikes();
                        LikesModel.of(context).pressed();

                      }

                  ))


          ),

Answer 1

我不完全理解isLiked() 的目标，但它没有返回任何内容，预计会返回一个布尔值

bool isLiked() {

 liked = true;
 notifyListeners();

}

这会在下面的代码中引发错误，因为LikesModel.of(context).isLiked() 返回 null 并且条件运算符 (?:) 中的布尔值不能为 null

Icon(
   LikesModel.of(context).isLiked() ?       
    Icons.favorite : Icons.favorite_border,
    color: LikesModel.of(context).isLiked() ?   
      Colors.red : Colors.black,
    size: 50.0,
),

如果你只想检查liked，你应该这样做

bool isLiked() => liked;

甚至更干净

bool get isLiked => liked; //可能将liked设为私有会更好：_liked。

Answer 2

欢迎来到状态管理的核心概念，小部件的默认 setState 仅在释放小部件之前保持状态（在您的情况下发生在导航时。） 您需要有一个应用程序状态而不是小部件状态，读取各种状态管理技术之一，即 BLOC、Redux、Provider 等。 它们的作用是保持应用程序的状态，或者即使您处置小部件或导航时我应该说的任何小部件的状态。