Как прокрутить плоский список до минимума в реагировать родной

Question

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

<ScrollView style={{width:'100%',paddingBottom:100,backgroundColor:'#F5F0F0',flex:1}}>
  <FlatList
    style={{marginBottom:70,}}
    data={this.state.chats}
    numColumns={1}
    onContentSizeChange={ () => { this.myFlatListRef.scrollToEnd({animated:true}) } }
    ref={ (ref) => { this.myFlatListRef = ref } }
    onLayout={ () => { this.myFlatListRef.scrollToEnd({animated:true}) } }
    showsVerticalScrollIndicator={false}
    renderItem={this.renderItem}
  />
</ScrollView>

Я также пытался установить время ожидания в componentDidMount, как это

 async componentDidMount(){

     setTimeout(() => {
       this.refs.myFlatListRef.scrollToEnd({animated: true});
     }, 100);



    var result  = this.props.navigation.getParam('result')

    this.setState({
      user_id : result['to_id'],
      user_name : result['name'],
      user_image : result['image'],

    })


    this.timer = setInterval(()=> this.fetchMessage(), 3000)
     this.fetchMessage()


  }

а над обоими не работает? Зачем ? Как прокрутить плоский список вниз? Заранее спасибо!