web-dev-qa-db-ja.com

Reactネイティブフラットリストページネーションが機能しない-onEndReachedが発生しない

ドキュメントの最後に到達したときにonEndReachedが発生する必要があるため、現在、私はonEndReachedThresholdの値を変更してみました（0.1、1.0、0.5、 0.01）、更新フラグも設定しています。注：私はReactNative 0.48.4を使用しているので、ここに私のコード

<Container style={{ marginTop: 22 }}>
      <Content
        style={{ flex: 1 }}
        contentContainerStyle={{ flexGrow: 1 }}
      >
        <View style={{ flex: 1 }}>
          <FlatList
            initialNumToRender={10}
            refreshing={this.state.refreshing}
            onEndReachedThreshold={0.5}
            onEndReached={({ distanceFromEnd }) => {
              console.log('on end reached ', distanceFromEnd);
            }}
            data={this.props.messages}
            renderItem={this.notificationContent.bind(this)}
            keyExtractor={(item) => item._id}
          />
        </View>
      </Content>
    </Container>

私はすでに githubの問題 への応答として提供されるすべての可能な解決策を試しました

ここで何か助けはありますか？

react-nativereact-native-flatlist
7
Sadanand

プロジェクトでNativeBaseを使用しており、フラットリストが競合しているコンテンツ上にあります。この問題を解決するには、コンテンツを削除する必要があります

9
Hao Le

同じことが私にも起こります。contentContainerStyle= {flex：1}を追加する必要があります

<Content contentContainerStyle={{ flex: 1 }}>
3
arahmanali

ExtraDataプロパティをextraData = {this.state}としてFlatListに渡します。詳細は docs を確認してください。

0
Isaac Sekamatte
onEndReachedThreshold={0.5}     remove this line
0
Vishnu Magar