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

@peterkruty peterkruty commented Dec 5, 2016

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

@tk-pivotus tk-pivotus commented Dec 6, 2016

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

@amitava82 amitava82 commented Oct 17, 2017

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

@brunocascio brunocascio commented Oct 17, 2017

Hi @amitava82,

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


Copy link

@AGurindapalli 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 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
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
6 participants