React Native Loading data problem (Asynchronous)

Question

I got a problem rendering variable 'html'. I think its because trying to render it before loading ends( error said the variable 'html' is undefined).

is there any modules or something ? (like loading indicator)

return (
<View style={styles.container}>
  <ScrollView style={styles.scrollview}>
    {lecture_render(get_all_list(html))}
  </ScrollView>
</View>

)

I rendered like this, but I want some filter for 'html' variable before render.

Ajin Kabeer · Accepted Answer · 2020-04-24 14:03:49Z

1

You can simply use an ActivityIndicator component from react-native to render a circular loading indicator if your state has been not been set.

import {ActivityIndicator} from 'react-native'

if (html=== "") {
  return (
    <View>
      <ActivityIndicator />
    </View>
  );
}

return (
  <View style={styles.container}>
    <ScrollView style={styles.scrollview}>
      {lecture_render(get_all_list(html))}
    </ScrollView>
  </View>
);

edited Apr 24, 2020 at 14:03

answered Apr 24, 2020 at 13:57

Ajin Kabeer

2,1862 gold badges12 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native Loading data problem (Asynchronous)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related