以下の内容はhttps://dev-dub.hatenablog.com/entry/2019/03/24/112343より取得しました。


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}
      />
    )
  }
}



以上の内容はhttps://dev-dub.hatenablog.com/entry/2019/03/24/112343より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14