The latest articles on DEV Community by Testing Tester (@testing_tester_f06f30bf72). https://dev.to/testing_tester_f06f30bf72 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3104933%2F48c76b26-0a5b-4158-a050-5b26495ee413.png https://dev.to/testing_tester_f06f30bf72 en Testing Tester Tue, 29 Apr 2025 10:10:44 +0000 https://dev.to/testing_tester_f06f30bf72/tracking-visible-sections-in-flatlist-using-viewabilityconfig-in-react-native-3p63 https://dev.to/testing_tester_f06f30bf72/tracking-visible-sections-in-flatlist-using-viewabilityconfig-in-react-native-3p63 <p>I’m working with a FlatList in <strong>React Native</strong> that renders different components. Each rendered component has JSX content which includes a label or section name (like a tag). I want to track which sections are visible on screen as the user scrolls.</p> <p>I’m using <strong>viewabilityConfig</strong> with the FlatList, and I want to know:<br> Is there a way to retrieve the corresponding section name or label of each visible item based on its index from the FlatList?</p> <p>I know that using <strong>viewabilityConfig</strong> and the <strong>onViewableItemsChanged</strong> method in FlatList, we can track the items rendered by the FlatList. However, is there a way to track specific sections or labels inside those items — sections that are rendered by the components returned from FlatList's renderItem?</p>