插入更多行时更新表格布局内容

Question

I have two tables ( pendingTable and approvedTable ) that contain rows of pending and approved transactions. I'm reading the data from Firestore and onComplete I display these transactions in the tableViews , for some reason I can't update the tables as I process the rows, for example: I have 10 transactions, I retrieve them sorted from the Firestore DB, I call a function that inflates a table row view and inserts the data into it and after that, I add the returned row to the table.

What happens is only after I process all the 10 transactions and get all the rows, they are displayed to the screen, but I want as I process them, to display the ready rows so the table will be updating as I process the rows.

I tried using threads but it's also not working. calling postInvalidate(); or refreshDrawableState(); also doesn't work.

Here are my functions:

branchReference.collection("Actions")
            .orderBy("date", Query.Direction.DESCENDING)
            .limit(DISPLAYED_ACTIONS)
            .get()
            .addOnCompleteListener(new OnCompleteListener<QuerySnapshot>() {
                @Override
                public void onComplete(@NonNull Task<QuerySnapshot> task) {
                    if(task.isSuccessful()){
                        int i = 0, j = 0;
                        for(QueryDocumentSnapshot document : task.getResult()){
                            Action action = document.toObject(Action.class);
                            if(action.isPending()){
                                pendingTable.addView(actionRow(action, document.getReference(), j++));
                            } else {
                                approvedTable.addView(actionRow(action, document.getReference(), i++));
                            }
                        }
                    } else {
                        //Error handling
                    }
                }
            });

actionRow function is just creating a row and adding data to it then returns it

If it's not possible, how can I make it looks more smooth and faster?

Answer 1

According to the official documentation of getting data from Firestore , when you are using a "get()" call, it means that you are getting the data exactly once. That's the reason why when you add new data, is not added to your view. If you want to get the data in real-time for every change that takes place, then you should listen for real-time updates .

There is also a library that can help y ou achieve that, which is called Firebase-UI for Android . So check the documentation, as it has a really easy implementation.