Flutter Firebase数据库：仅展示Joined为true条目问题求助

1. 未同步Firebase数据库：点击Join按钮时，仅修改了本地People对象的Joined值并存在SharedPreferences，但未将更新写入Firebase数据库，导致数据库中该字段仍为默认的false。
2. 筛选逻辑错误：用全局的joinedPeople变量判断是否显示所有条目，而非针对每个条目自身的Joined字段做筛选。
3. SharedPreferences误用：无需用本地存储保存该状态，用户的加入状态应直接从Firebase数据库读取，确保多设备/重启APP后状态一致。

1. 修复HomePage.dart：同步更新Firebase数据库 #

点击Join按钮时，必须将修改后的Joined字段写入Firebase对应节点：

// 注意：需提前获取当前条目的Firebase节点key（通常从DataSnapshot的snapshot.key获取）
String currentPeopleKey = "替换为当前条目的实际key";

SlidableAction(
  backgroundColor: Colors.blue,
  icon: Icons.add,
  label: 'Join',
  onPressed: (BuildContext context) async {
    // 1. 优先更新Firebase数据库中的Joined字段
    await FirebaseDatabase.instance.ref()
        .child('People')
        .child(currentPeopleKey)
        .update({'Joined': true});
    
    // 2. 更新本地状态（如果需要刷新页面显示）
    setState(() {
      People['Joined'] = true;
    });
    // 移除原有的SharedPreferences相关代码，无需本地存储该状态
  },
),

2. 修复Favourites.dart：正确筛选已加入条目 #

推荐使用Firebase数据库层面的筛选（减少数据传输），具体修改如下：

方式一：数据库直接筛选（最优方案） #

修改dbRef为带条件的查询，只获取Joined为true的条目：

// 仅查询Joined字段为true的People条目
Query dbRef = FirebaseDatabase.instance.ref().child('People')
    .orderByChild('Joined')
    .equalTo(true);

// 移除所有SharedPreferences相关代码（joinedPeople变量、getPrefs方法、initState中的调用）

@override
Widget build(BuildContext context) {
  return Scaffold(
    backgroundColor: Colors.white,
    appBar: AppBar(
      elevation: 0,
      backgroundColor: Colors.white,
    ),
    body: Column(
      mainAxisAlignment: MainAxisAlignment.start,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Center(
          child: Text(
            'You Have Joined:',
          ),
        ),
        Expanded(
          child: FirebaseAnimatedList(
            query: dbRef,
            itemBuilder: (BuildContext context, DataSnapshot snapshot,
                Animation<double> animation, int index) {
              Map People = snapshot.value as Map;
              return listItem(People: People);
            },
          ),
        ),
      ],
    ),
  );
}

方式二：客户端本地筛选（不推荐，会加载全量数据） #

若需保留全量查询，可在itemBuilder中判断每个条目的Joined值：

// dbRef保持全量查询
Query dbRef = FirebaseDatabase.instance.ref().child('People');

// 移除所有SharedPreferences相关代码

@override
Widget build(BuildContext context) {
  return Scaffold(
    backgroundColor: Colors.white,
    appBar: AppBar(
      elevation: 0,
      backgroundColor: Colors.white,
    ),
    body: Column(
      mainAxisAlignment: MainAxisAlignment.start,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Center(
          child: Text(
            'You Have Joined:',
          ),
        ),
        Expanded(
          child: FirebaseAnimatedList(
            query: dbRef,
            itemBuilder: (BuildContext context, DataSnapshot snapshot,
                Animation<double> animation, int index) {
              Map People = snapshot.value as Map;
              // 判断当前条目的Joined字段是否为true
              bool isJoined = People['Joined'] ?? false;
              return isJoined ? listItem(People: People) : Container();
            },
          ),
        ),
      ],
    ),
  );
}

• 用户的加入状态必须持久化到Firebase数据库，而非本地存储，确保状态在多设备和重启后能正常读取。
• 使用Firebase的orderByChild+equalTo查询，能在数据库层面完成筛选，减少客户端的带宽消耗和逻辑处理，是最优实现方式。

内容的提问来源于stack exchange，提问作者Tyrone