Загрузить элемент с задержкой во FlatList в React Native?

Вот что я придумал,

Это не идеально, но это должно делать вашу работу.

По сути, я рассчитал ваш индекс и умножил его на 1000, и это число я установил тайм-аут в компоненте Item.

https://snack.expo.io/@azaabudeen/authentic-beef-jerky

    const data = [
  {name: 'name1'},
  {name: 'name2'},
  {name: 'name3'},
  {name: 'name4'},
  {name: 'name5'},
  {name: 'name6'},
  {name: 'name7'},
]
class Item extends React.Component {
  state = { loading: true }

  componentDidMount() {
    setTimeout(() => this.setState({ loading: false }), this.props.time);
  }

  render() {
    if (this.state.loading) {
      return null;
    }
    return(
      <View>
        <Text>{this.props.data.name}</Text>
      </View>
    );
  }
}
export default class App extends React.Component {
  renderItem=({ item, index}) => {
    return(
      <Item time = {index * 1000} data = {item}/>
    );
  }
  render() {
    return (
      <View style = {styles.container}>
       <FlatList 
        data = {data}
        initialNumToRender = {0}
        renderItem = {this.renderItem}
       />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },

});