Анимированный плоский список не работает при передаче - PullRequest
Новая
       6

Анимированный плоский список не работает при передаче

0 голосов
/ 15 октября 2018

Я пытаюсь создать компонент Animated FlatList, используя createAnimatedComponent() api.Я использую этот анимированный плоский список, чтобы скрыть / показать заголовок.

Вот так выглядит мой плоский список. 

class PageList extends React.Component {
  render() {
    console.log(this.props);

    return (
      <FL
        refreshing={false}
        onRefresh={null}
        data={[
          { key: 'a', data },
          { key: 'b', data },
          { key: 'c', data },
          { key: 'd', data },
          { key: 'e', data },
          { key: 'f', data },
          { key: 'g', data },
          { key: 'h', data },
        ]}
        {...this.props}
        renderItem={({ item }) => (
          <Text style={{ fontSize: 36 }}>
            {item.data}
          </Text>
        )}
      />
    );
  }
}

Я передаю ему свойство onScroll из другого компонента. 

AnimatedComponent = Animated.createAnimatedComponent(PageList);


const onScroll = Animated.event(
  [{ nativeEvent: { contentOffset: { y: this.scroll } } }],
  { useNativeDriver: true },
);

<AnimatedPageList
          showVertialScrollIndicator={false}
          overScrollMode="always"
          scrollEventThrottle={16}
          onScroll={onScroll}
          renderItem={({ item }) => <RepoItem item={item} />}
          responderId={responderId}
        />

Все работает нормально.Я получаю желаемый результат.Но он ломается, когда я передаю onRefresh={() => {}} в качестве реквизита в PageList (он перестает сворачиваться и расширять панель навигации).

По какой-то причине AnimatedFlatList не работает, когда я передаю ему onRefresh prop.

...