Медленная загрузка изображений / извлечение изображений из хранилища - firebase - react native

Я извлекаю данные из своей базы данных firestore, одно из полей каждого элемента базы данных - image, значение каждого из которых является URL-адресом изображения в моем хранилище firebase.

Что я хотел бы сделать, так это вытащить изображение прямо из хранилища как часть цикла, который извлекается из хранилища огня.

Я пытаюсь сделать это, поскольку, когда этот цикл отображает элементы, изображениям требуется несколько секунд, чтобы появиться на экране.

Посоветуйте, пожалуйста, есть ли альтернатива решения этой проблемы?

FirebaseData.js

onCollectionUpdate = (querySnapshot) => {
const data = [];
querySnapshot.forEach((doc) => {
  const { title, image, url, description } = doc.data();
    data.push({
      key: doc.id,
      doc, // DocumentSnapshot
      title,
      image,
      description,
      url
    });
});
this.setState({
  data,
  loading: false
});
}

render() {
    if (this.state.loading) {
      return <Spinner />; //RETURN A LOADING ICON
    }
return (
  <List containerStyle = {styles.listStyle}>
    <FlatList
      data = {this.state.data}
      renderItem = {({ item }) => <ChildList {...item} />}
    />
  </List>
      );
    }
  }

ChildList.js

export default class ChildListRow2 extends React.PureComponent {

render() {
  return (
      <ListItem
        title = {
          <View>
          <Image source = {{ uri: this.props.image }} style = {styles.imageStyle} />
          <Text style = {styles.titleTextStyle}>{this.props.title}</Text>
          </View>
        }
        subtitle = {
          <View>
          <Text style = {styles.subTitleTextStyle}>{this.props.description}</Text>
          </View>
        }
        hideChevron
        onPress = {() => Linking.openURL(this.props.url)}
        containerStyle = {styles.listItemStyle}
      />
    );
   }
}