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，并且条件运算符（？:)中的布尔值不能为空

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等。这些操作是保持应用程序或任何小部件的状态，即使您放置小部件或进行导航，我也应该说。

断言失败：布尔表达式在flutter范围内时不能为null

2 个答案: