title: FlatList React-Native: How i can focus scroll in the specific list item
body: <p><strong>Context:</strong></p>
  <p>I am working with &quot;react-native&quot; using &quot;expo&quot; and I have a inverted &quot;FlatList&quot; where it's render an &quot;array&quot; of months from January to December.</p>
  <p><a href="https://i.stack.imgur.com/hPjbz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hPjbz.png" alt="enter image description here" /></a></p>
  <p><strong>Request:</strong></p>
  <p>Before the list will be show to the user, the list should focus in the current month.</p>
  <p><strong>Current Situation:</strong></p>
  <p>I'am using &quot;FlatList&quot; &quot;scrollToOffset&quot; property to do this request,  when the list is receive the &quot;datasource&quot; automatically fire the &quot;this.flatList.scrollToOffset&quot; statement an the list animate the scroll and focus the specific item. However I have a problem, this animation is a abrupt movement that spoil the UX.</p>
  <p><a href="https://i.stack.imgur.com/tNACx.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tNACx.gif" alt="enter image description here" /></a></p>
  <p><strong>Need:</strong></p>
  <p>Can you help me to found a solution for this problem? I Need do the same but the user can't see that scroll movement, he only should see the item focused.
  Any idea?</p>
  <p><strong>Demonstration code:</strong></p>
  <p>Flatlist</p>
  <pre><code>&lt;FlatList
    ref={ref =&gt; (this.flatList = ref)}
    inverted
    data={foods}
    keyExtractor={this.keyExtractor}
    renderItem={this.renderItem}
  /&gt;
  </code></pre>
  <p>Function to focus item</p>
  <pre><code>handlePosition(id) {
    /* Item Size from FlatList */
    const itemSize = deviceWidth / 2 + 30;
    /* Id of the current month */
    const idCurrentItem = id;
  
    this.flatList.scrollToOffset({
      animated: true,
      offset: itemSize * idCurrentItem,
    });
  }
  </code></pre>
  <p>statement where is call the handlePosition Function</p>
  <pre><code>componentDidMount() {
    this.handlePosition(this.props.months[2].id);
  }
  </code></pre>