Анимированное рендеринг с задержкой - PullRequest
Новая
       27

Анимированное рендеринг с задержкой

0 голосов
/ 01 июля 2019

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

В результате все компоненты загружаются одновременно. 

<Animated.View>
  data.slice().map((section, sectionIndex) => {
    return (
      <Animated.View key={section.key}>
        {this.renderSectionHeader(section)}
        {section.data.map((item, index) => {
          return (
            <Animated.View 
              key={`${item.sort}${index}`}
              animation={'fadeIn'}
              useNativeDriver={true}
              delay={200*index}>
                {this.renderItem(item, index)}
            </Animated.View>
          )
        })}
      </Animated.View>
    )
 })}
</Animated.View>
...