如何顯示實時資料庫中的一項特定資料？

在 firebase 影片串列中，您如何放入條件陳述句或其他任何內容，以便僅顯示實時資料庫中的一組資料？我目前可以在 ListTile 中顯示所有這些，但我只想顯示名稱為“西班牙”的目的地及其描述，而不是包含西班牙、意大利、美國等的所有資料庫。

class _TestDestinationsState extends State<TestDestinations> {
  final destdatabaseref = FirebaseDatabase.instance
      .reference()
      .child('Database')
      .child('Destinations');

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Color(0xFF4D71AC),
        elevation: 0,
        centerTitle: true,
        title: Text('Eh',
            style: TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.w500,
                color: Colors.white)),
      ),
      body: SafeArea(
          child: FirebaseAnimatedList(
        itemBuilder: (BuildContext context, DataSnapshot snapshot,
            Animation<double> animation, int index) {
          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'])),
                ),
              ],
            ),
          );
        },
        query: destdatabaseref,
      )),
    );
  }
}

uj5u.com熱心網友回復：

如果我們只需要顯示特定資料，FirebaseDatabase我們可以使用以下邏輯：

Visibility(
 visible: snapshot.value['name'] == 'Spain',
 child: ...
),

完整的代碼段可以在下面找到：

class _TestDestinationsState extends State<TestDestinations> {
  final destdatabaseref = FirebaseDatabase.instance
      .reference()
      .child('Database')
      .child('Destinations');

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Color(0xFF4D71AC),
        elevation: 0,
        centerTitle: true,
        title: Text('Eh',
            style: TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.w500,
                color: Colors.white)),
      ),
      body: SafeArea(
          child: FirebaseAnimatedList(
        itemBuilder: (BuildContext context, DataSnapshot snapshot,
            Animation<double> animation, int index) {
          return Visibility(
           visible: snapshot.value['name'] == 'Spain',
           child: 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'])),
                 ),
               ],
             ),
           ),
          );
        },
        query: destdatabaseref,
      )),
    );
  }
}

然而，更好的解決方案是僅檢索基于過濾器的特定資料，這可以通過過濾我們的查詢來完成FirebaseDatabase，如下所示：

final destdatabaseref = FirebaseDatabase.instance
    .reference()
    .child('Database')
    .child('Destinations')
    .orderByChild('name')
    .equalTo('Spain');

標籤：火力基地 扑 镖 Firebase 实时数据库

上一篇：使用符號傳遞類成員的名字？

下一篇：將寬度設定為Row的特定子項