0

我正在尝试使用范围模型创建一个函数，该模型将有一个 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();

                      }

                  ))


          ),
4

2 回答 2

4

我不完全理解 的目标isLiked()，但它没有返回任何东西，预计会返回一个 bool

bool isLiked() {

 liked = true;
 notifyListeners();

}

这会在下面的代码中引发错误，因为LikesModel.of(context).isLiked()返回 null 并且条件运算符 (?:) 中的 bool 不能为 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。

于 2020-01-06T19:40:37.853 回答
2

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

于 2020-01-05T16:26:04.937 回答