FlatList support

Will this move to FlatList instead of ListView ??

FlatList has a handy feature scrollToItem that I would like to use with this library.

[vTrip]

Will be uploading my FlatList version of this library to a repo soon. It is a WIP. Would love some assistance with finishing it off. For anyone interested I will post a link here when it is up.

[gazickil]

@vTrip the scrollToItem can be easly done using current code.

you can use internal layoutMap which contains array of all rows layouts (xPos, yPox, height, width)

Example function:

scrollToIndex = (index, animated) => {
    const y = this._list.layoutMap[index.toString()].y
    this._list.scrollTo({ x: 0, y: y , animated: true });
};

I use it to scroll when adding new element or on load. I’m using setTimeout as i’m waiting for redux to update the store and for list to catch up with the data update.

  componentDidMount() {
    setTimeout(() => {
      this.scrollToIndex(this.props.selectedConfigIdx, false);
    }, 300);
  }

  componentDidUpdate(prevProps, prevState) {
    if (prevProps.selectedConfigIdx !== this.props.selectedConfigIdx && this._areWeDuringAddNewConfig) {
      setTimeout(() => {
        this.scrollToIndex(this.props.selectedConfigIdx, true);
      }, 100);
    }
  }

  _addNewConfig = () => {
    if (this._areWeDuringAddNewConfig) {
      return;
    }

    this._areWeDuringAddNewConfig = true;
    this.props.onConfigAdd();
  };

  scrollToIndex = (index, animated) => {
    const y = this._list.layoutMap[index.toString()].y;
    this._areWeDuringAddNewConfig = false;
    this._list.scrollTo({ x: 0, y: y, animated: animated });
  };