OnEndReached calls on initial render and is called even if data is empty
Personne n'a encore pris cette issue.
- Langage dominant
- C++
- Étoiles
- 127k
- Forks
- 25.3k
- Merge moyen
- 1 j 23 h
- PR mergées (30 j)
- 4
Description
Description
OnEndReached calls on initial render when the app runs each time on the first time and is called even if data is empty
React Native Version
0.71.1
Output of npx react-native info
System:
OS: macOS 13.3.1
CPU: (8) arm64 Apple M1
Memory: 207.19 MB / 8.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.16.0 - /opt/homebrew/opt/node@18/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 9.5.1 - /opt/homebrew/opt/node@18/bin/npm
Watchman: 2023.05.08.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.12.1 - /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 22.2, iOS 16.2, macOS 13.1, tvOS 16.1, watchOS 9.1
Android SDK: Not Found
IDEs:
Android Studio: 2022.2 AI-222.4459.24.2221.9971841
Xcode: 14.2/14C18 - /usr/bin/xcodebuild
Languages:
Java: 11.0.19 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.2.0 => 18.2.0
react-native: 0.71.1 => 0.71.1
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found
Steps to reproduce
create a project with the following code
Snack, code example, screenshot, or link to a repository
const HomeScreen = () => {
return (
<SafeAreaView style={{flex:1}}>
<FlatList
data={[]}
renderItem={() => {
return (
<View
style={{
height: 100,
backgroundColor: 'red',
borderRadius: 20,
marginBottom: 20,
}}>
<CustomText>welcome</CustomText>
</View>
);
}}
ListEmptyComponent={() => {
return (
<View>
<Text>Empty List</Text>
</View>
);
}}
onEndReached={() => {
console.log('onEndReached');
}}
/>
</SafeAreaView>
)
}
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par le comportement de FlatList avec onEndReached en utilisant l’exemple fourni avec des données vides et le dépôt de reproduction lié. Reproduisez le cas du rendu initial, puis suivez le point d’entrée de FlatList afin de déterminer pourquoi le callback s’exécute sans données ; le travail est terminé lorsque le callback ne s’exécute plus lors du rendu initial lorsque la liste est vide.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- react-native
- Domaine
- mobile
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 38/100