从 firebase 检索数据后获取空白 ListView

Posted

技术标签:

【中文标题】从 firebase 检索数据后获取空白 ListView【英文标题】:Getting a Blank ListView after retrieving data from firebase 【发布时间】:2021-07-24 12:43:04 【问题描述】:

我在运行此代码时得到一个空白 listView。我通过在 listView 底部的文本视图中显示数组的内容来检查数组的内容。更改为线性布局也不起作用。 这是我第一次使用 listView,如果这是一个愚蠢的问题,请原谅我。

XML 代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    android:background="@drawable/gradient_background"
    tools:context=".current_month">

    <ListView
        android:id="@+id/barcode_detail"
        android:layout_
        android:layout_
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.486"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.277" />

    <TextView
        android:id="@+id/title_tv"
        android:layout_
        android:layout_
        android:layout_marginStart="141dp"
        android:layout_marginEnd="141dp"
        android:fontFamily="sans-serif-black"
        android:textAlignment="center"
        android:textColor="#F7F3F3"
        android:textSize="24dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.037" />

    <TextView
        android:id="@+id/resultView"
        android:layout_
        android:layout_
        android:layout_marginStart="29dp"
        android:layout_marginTop="29dp"
        android:layout_marginEnd="65dp"
        android:layout_marginBottom="65dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/bar_code_scan"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/barcode_detail" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/bar_code_scan"
        android:layout_
        android:layout_
        android:layout_marginBottom="10dp"
        android:clickable="true"
        android:focusable="true"
        android:visibility="invisible"
        app:layout_constraintBottom_toTopOf="@+id/fruit_scan"
        app:layout_constraintEnd_toEndOf="@+id/fruit_scan"
        app:srcCompat="@drawable/ic_barcode_scan" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/scanButton"
        android:layout_
        android:layout_
        android:layout_marginStart="339dp"
        android:layout_marginEnd="16dp"
        android:layout_marginBottom="16dp"
        android:clickable="true"
        android:contentDescription="TODO"
        android:focusable="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:srcCompat="@drawable/ic_baseline_add_24" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fruit_scan"
        android:layout_
        android:layout_
        android:layout_marginBottom="10dp"
        android:clickable="true"
        android:focusable="true"
        android:visibility="invisible"
        app:layout_constraintBottom_toTopOf="@+id/scanButton"
        app:layout_constraintEnd_toEndOf="@+id/scanButton"
        app:srcCompat="@drawable/ic_vegetable_scan" />


</androidx.constraintlayout.widget.ConstraintLayout>

JAVA 代码(oncreate 函数的子集)

final ArrayList<String> dat = new ArrayList<>();
        final FirebaseUser users = firebaseAuth.getCurrentUser();
        String result = users.getEmail().replace(".","");
        DatabaseReference databaseReference2 = FirebaseDatabase.getInstance().getReference().child("Users").child(result).child("January").child("Product");
        databaseReference2.addValueEventListener(new ValueEventListener() 
            @Override
            public void onDataChange(@NonNull DataSnapshot dataSnapshot) 
                for(DataSnapshot snapshot : dataSnapshot.getChildren())
                    dat.add(snapshot.child("productname").getValue().toString());
                
            

            @Override
            public void onCancelled(@NonNull DatabaseError error) 

            
        );
        ArrayAdapter arrayAdapter = new ArrayAdapter(current_month.this, android.R.layout.simple_list_item_1,dat);
        barcode_detail.setAdapter(arrayAdapter);

【问题讨论】:

【参考方案1】:

您的arrayAdapter 未收到有关列表更改的通知。

将项目添加到列表后,您应该调用arrayAdapter.notifyDataSetChanged();

您的代码应如下所示:

final ArrayList<String> dat = new ArrayList<>();
        final FirebaseUser users = firebaseAuth.getCurrentUser();
        String result = users.getEmail().replace(".","");
        ArrayAdapter arrayAdapter = new ArrayAdapter(current_month.this, android.R.layout.simple_list_item_1,dat);
        barcode_detail.setAdapter(arrayAdapter);
        DatabaseReference databaseReference2 = FirebaseDatabase.getInstance().getReference().child("Users").child(result).child("January").child("Product");
        databaseReference2.addValueEventListener(new ValueEventListener() 
            @Override
            public void onDataChange(@NonNull DataSnapshot dataSnapshot) 
                for(DataSnapshot snapshot : dataSnapshot.getChildren())
                    dat.add(snapshot.child("productname").getValue().toString());
                
                arrayAdapter.notifyDataSetChanged();
            

            @Override
            public void onCancelled(@NonNull DatabaseError error) 

            
        );

【讨论】:

以上是关于从 firebase 检索数据后获取空白 ListView的主要内容,如果未能解决你的问题,请参考以下文章

SwiftUI 如何在不使用 List 的情况下从 @ObservedObject ViewModel 获取 Firebase 数据

Vue.js:从 Firebase 存储中检索数据后如何异步加载模板?

从 ArrayList 中的 Firebase 检索数据以获取图形

如何从 Firebase 实时数据库中检索/获取项目

如何从android中的firebase中检索List对象

如何从 Firebase 获取 PWA 数据