Comments (3)
@demchenkoalex Yes i have this code:
firestore()
.collection(`conversations/${conversationId}/messages`)
.orderBy('createdAt', 'desc')
.limit(LIMIT_PAGE)
.onSnapshot(snapshot => {
populateMessages(snapshot);
});
So no have async method, I managed to encapsulate this in a Promise and this made the activityIndicator work.
return new Promise((resolve, reject) => {
firestore()
.collection(`conversations/${conversationId}/messages`)
.orderBy('createdAt', 'desc')
.startAfter(lastDocument)
.limit(LIMIT_PAGE)
.onSnapshot(snapshot => {
resolve();
});
});
from react-native-chat-ui.
Hey @nericode there is no other way unfortunately :( this is how it was designed. Do you have maybe other ideas? Because there are tons of pagination strategies, making an asynchronous function was the solution to fit everything, however I agree with you, it will not work for non asynchronous tasks. Is there a way in Firebase to make it asynchronous? I am wondering how they do it, because data still need to be loaded and how is it synchronous?
from react-native-chat-ui.
Wow, thanks for sharing!
from react-native-chat-ui.
Related Issues (20)
- How to show User avatars & names Please Example..
- [QUESTION]: How to render custom message ? HOT 5
- Any plan on Vue? HOT 2
- 🚨 Before you open a feature request!
- Thank you
- [Expo web] Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
- feat: forward FlatList ref and make automatic scroll disableable
- feat: pass props to renderCustomComponent
- How to disable date header component HOT 5
- How can I load more data when I pull it all out?
- Customize Conversation Background HOT 1
- Please 🙏🏿 I need help, I actullay dont no the props required!!! HOT 2
- User2 messages disappear once User1 replies; setState going wrong? HOT 2
- Any way to "copy" a message (press and hold a bubble to copy its content) HOT 1
- useSyncExternalStore for messages not supported HOT 1
- Chat UI and message box issue on iOS with react native expo HOT 9
- How to disable double check ? HOT 1
- Critical bug when using Headers HOT 1
- ListEmptyComponent renders in a "mirrored" state? HOT 3
- About modifying Avatar HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-chat-ui.