javascript - React Native 在加载数据时不断跳动

Question

我遇到了一个有趣的问题。这是预览

<FlatList
    ref={ref}
    data={data}
    getItemLayout={layout}
    scrollEventThrottle={100}
    keyExtractor={keyExtractor}
    ItemSeparatorComponent={separator}
    renderItem={renderItem}
    removeClippedSubviews={true}
    onContentSizeChange={this.setOffsetOfScrollView}
    directionalLockEnabled={true}
  />



setOffsetOfScrollView = () => {
    if (validator) {
      const children = this.props.children as Array<{
        props: {
          value: string;
        };
      }>;
      const index = children.findIndex(child => child.props.value === this.props.value);
      if (index === -1) {
        return;
      }
      this.flatList.scrollToIndex({ animated: true, index });
    }
    this.setState({ validator: false });
  };

有人能看出问题吗？

Answer 1

尝试删除 setState 行，可能是它让屏幕重新呈现闪回!