Reactnative 显示键盘后滚动到 FlatList 的末尾

我的键盘里有一个平面列表.当显示键盘时，我想滚动到平面列表的末尾.

我正在收听"keyboardDidShow"事件，它确实会被触发，但它可能会被触发得太早，因为在调用scrollToEnd后，FlatList没有滚动到最后.

我已经研究了KeyboardAvoidgView的onLayout事件，但是仅仅设置onLayout事件来触发一个函数似乎就可以阻止KeyboardAvoidgView在显示键盘时调整其大小.

<KeyboardAvoidingView behavior='padding' style={{ flex: 1}} onLayout={this._scrollEnd}>

代码:

import React from 'react';
import {Image, Linking, Platform, ScrollView, StyleSheet, Text, TouchableOpacity, View, Button, Alert, FlatList, TextInput, KeyboardAvoidingView, Keyboard} from 'react-native';
import { MonoText } from '../components/StyledText';

export default class HomeScreen extends React.Component {
  constructor() {
    super();
    this.state = {
      messages: getMessages()
    };

    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._scrollEnd);
    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidHide', this._scrollEnd);
  }

  _scrollEnd = (evt) => {
    this.refs.flatList1.scrollToEnd();
  }

  render() {
    return (
      <KeyboardAvoidingView behavior='padding' style={{ flex: 1}} >
        <FlatList
          style={{ flex:1}}
          ref="flatList1"
          data={this.state.messages}
          renderItem={({ item }) => <Text>{item.text}</Text>}
        />
      </KeyboardAvoidingView>
    );
  }
}