カレントユーザーがlikedCountを1プラスしてもisLikedがfalse状態の問題

Question

実現したいこと

• エラーを解消させて、適切ないいね機能を実現させたい。

前提

FlutterでSNSを開発しており、Twitterのようないいね機能を開発中に以下の問題が発生しました。

発生している問題・エラーメッセージ

カレントユーザーがlikedCountを1プラスすると、isLikedがtrue状態になり、
カレントユーザーがlikedCountを1マイナスすると、isLikedがfalse
状態になることを想定しているが、カレントユーザーがlikedCountを1プラスしてもisLikedがfalse状態になる時がある。

該当のソースコード

import 'package:chat_app/model/post.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

class LikeButton extends StatefulWidget {
  final Post post;
  const LikeButton({super.key, required this.post});

  @override
  State<LikeButton> createState() => _LikeButtonState();
}

class _LikeButtonState extends State<LikeButton> {
  late bool isLiked;

  @override
  void initState() {
    super.initState();
    isLiked = widget.post.likedUserIds.contains(widget.post.postAccountId);
    if (kDebugMode) {
      print("isLiked: $isLiked");
      print("widget.post.postAccountId: ${widget.post.postAccountId}");
      print("widget.post.likedUserIds: ${widget.post.likedUserIds}");
    }
  }

  void toggleLike() async {
    setState(() {
      List<String> updatedLikedUserIds = List.from(widget.post.likedUserIds);
      if (kDebugMode) {
        print("postAccountId: ${widget.post.postAccountId}");
        print("likedUserIds: ${widget.post.likedUserIds}");
      }
      if (isLiked) {
        widget.post.likedUserIds.remove(widget.post.postAccountId);
        widget.post.likedCount--;
      } else {
        widget.post.likedUserIds.add(widget.post.postAccountId);
        widget.post.likedCount++;
      }
      widget.post.likedCount = widget.post.likedUserIds.length;
      if (kDebugMode) {
        print("updatedLikedUserIds: $updatedLikedUserIds");
        print("widget.post.likedUserIds: ${widget.post.likedUserIds}");
      }
      isLiked = !isLiked;
    });

    try {
      final ref =
          FirebaseFirestore.instance.collection('posts').doc(widget.post.id);

      final updateData = {
        'liked_count': FieldValue.increment(isLiked ? -1 : 1),
        'liked_user_ids': isLiked
            ? FieldValue.arrayRemove([widget.post.postAccountId])
            : FieldValue.arrayUnion([widget.post.postAccountId]),
      };

      await ref.update(updateData);
      if (kDebugMode) {
        print("Firestore data updated successfully");
      }
    } on FirebaseException catch (e) {
      if (kDebugMode) {
        print("Firestore update error: $e");
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return IconButton(
      icon: Icon(
        Icons.favorite,
        color: isLiked
            ? const Color.fromRGBO(255, 100, 130, 1)
            : CupertinoColors.systemGrey,
      ),
      onPressed: toggleLike,
    );
  }
}

import 'package:chat_app/model/account.dart';
import 'package:cloud_firestore/cloud_firestore.dart';

class Post {
  String? id;
  String? postImagePath;
  String postContent;
  String postAccountId;
  Account? postAccount;
  Timestamp? postTime;
  int likedCount;
  late List<String> likedUserIds;

  Post({
    required this.id,
    required this.postImagePath,
    required this.postContent,
    required this.postAccountId,
    required this.postAccount,
    required this.postTime,
    this.likedCount = 0,
    List<String>? initialLikedUserIds,
  }) : likedUserIds = initialLikedUserIds ?? [];
}

試したこと

1、like_button.dartの51から70行目をコメントアウトしてisLikedの状態を確認したところ、正常な挙動だったので、trycatchで問題が発生していることを特定。

2、likedUserIdsはその投稿にいいねをしたユーザーのIDを格納している変数だが、現在その投稿の投稿ユーザーのIDが格納されるようになっており、それが原因？という過程をしていますが、有識者の方々にアドバイスをいただきたいと考えています。

3、有識者の方にfireStoreのfieldValueを使用すればDBの値に齟齬が出ないのでは？というアドバイスを受けて、コードを変更中です。
https://skill-upupup-future.com/?p=1114

4、常にtrueの状態に入っていることが問題なのでは？と考えているが、何をどうすれば良いかが考えつきそうで考えつかない状態です。

5、30~49行目をコメントアウトして再実行すると、常にfalse状態に入ることを確認。

補足情報（FW/ツールのバージョンなど）

[✓] Flutter (Channel stable, 3.10.5, on macOS 13.4 22F66 darwin-x64,
locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version
32.1.0-rc1)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.79.2)
[✓] Connected device (3 available)
[✓] Network resources

現在の状況

Answer 1

FirebaseのFieldValue.incrementを使うことで適切なインクリメントに対応できた。