如何在FirebaseAnimatedList中仅展示Realtime Database的特定单条数据

共有两种实现方式，优先推荐使用服务端查询过滤，性能更优。

方案1：服务端查询过滤（推荐） #

直接在Firebase查询阶段就筛选出符合条件的数据，无需拉取全量目的地数据，节省带宽，运行效率更高。
修改代码如下：

1. 替换原有的数据库引用为带筛选条件的查询：

final Query filteredQuery = FirebaseDatabase.instance
    .reference()
    .child('Database')
    .child('Destinations')
    // 按name字段排序
    .orderByChild('name')
    // 筛选出name值等于Spain的条目
    .equalTo('Spain');

2. 将FirebaseAnimatedList的query参数替换为上面定义的filteredQuery即可，其余代码无需改动。

方案2：客户端条件过滤 #

如果不方便修改查询逻辑，也可以在组件渲染阶段加条件判断，不符合要求的条目返回空组件即可。
仅需修改itemBuilder逻辑，代码如下：

itemBuilder: (BuildContext context, DataSnapshot snapshot,
    Animation<double> animation, int index) {
  // 过滤非Spain的条目
  if (snapshot.value['name'] != 'Spain') {
    return const SizedBox.shrink();
  }
  return SingleChildScrollView(
    child: Column(
      children: [
        SizedBox(height: 15),
        Padding(
          padding: const EdgeInsets.all(8),
          child: ListTile(
              title: Text(snapshot.value['name'],
                  style: TextStyle(fontSize: 20)),
              subtitle: Text(snapshot.value['description'])),
        ),
      ],
    ),
  );
}

注意：该方案会拉取全量目的地数据，仅适合数据量极小的场景使用，数据量大时会造成性能浪费。

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