Navigation Menu

Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to use renderLoading? #298

peterkruty opened this issue Dec 5, 2016 · 5 comments

How to use renderLoading? #298

peterkruty opened this issue Dec 5, 2016 · 5 comments


Copy link

Issue Description

I'm not sure how to use renderLoading(). I assume this can be used when I'm loading chat and retrieving data from backend? But it is unclear how to use it.

Steps to Reproduce / Code Snippets

When I simply use like this:

                renderLoading={() => {
                  return (<Text>Llala</Text>)

It does not seem to do anything.

Expected Results


Additional Information

  • React Native version: 0.36.0
  • react-native-gifted-chat version: 0.0.10
  • Platform(s) (iOS, Android, or both?): iOS
Copy link

You can comment out this line to see your what your loading view looks like:

Based on the source code, the loading screen is for initial loading the gifted-chat (see L441), rather than loading the backend chat messages. You can write your own loading component on top of the RNGC when fetching.

Copy link

Why there is a delay in initializing the component? Even when the messages are available in state, it take a second to render the messages? I'd expect to show without any delay much like whatsapp. Everytime user switch conversation there is a bit delay to render already loaded messages which isn't very good experience.

Copy link

Hi @amitava82,

Please open a new ticket. Since this issue is a question with no activity, I'll close it.


Copy link

AGurindapalli commented Jan 31, 2018

  renderLoading={() =>  <ActivityIndicator size="large" color="#0000ff" />}
  onSend={(messages) => this.onSend(messages)}
  renderComposer= {this.renderComposer}
  textInputStyle={{ color: this.ActivityThemeCode }}
    _id: this.state.ChatData.SenderId,
    name: this.state.ChatData.MessageFrom,

Copy link

ripern commented Feb 23, 2018

@anilgurindapalli That shows a tiny spinner at the top of the chat view for half a second and if I go offline it has the same behaviour meaning views (eg. renderInputToolbar) are loaded even though the chat data never loaded (since being offline).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet

No branches or pull requests

6 participants