React Native: FlatList の高さを取得する方法

nativeEvent.contentSize.height で FlatList の高さを取得できる

バージョン

  • react-native: 0.57.8

サンプル

export default class SampleScreen extends React.Component<Props, State>
{
  onScroll = ({nativeEvent}) => {

    //nativeEvent.contentSize.height = <FlatList/>の縦幅
    const flatListHeight = nativeEvent.contentSize.height;

  };
  
  render() {
    return (
      <FlatList
        data={this.props.data}
        renderItem={this._renderItem}
        onScroll={this.onScroll}
      />
    )
  }
}