diff --git a/ReproducerApp/App.tsx b/ReproducerApp/App.tsx
index 125fe1b..02a0fdd 100644
--- a/ReproducerApp/App.tsx
+++ b/ReproducerApp/App.tsx
@@ -6,113 +6,25 @@
*/
import React from 'react';
-import type {PropsWithChildren} from 'react';
-import {
- SafeAreaView,
- ScrollView,
- StatusBar,
- StyleSheet,
- Text,
- useColorScheme,
- View,
-} from 'react-native';
-
-import {
- Colors,
- DebugInstructions,
- Header,
- LearnMoreLinks,
- ReloadInstructions,
-} from 'react-native/Libraries/NewAppScreen';
-
-type SectionProps = PropsWithChildren<{
- title: string;
-}>;
-
-function Section({children, title}: SectionProps): React.JSX.Element {
- const isDarkMode = useColorScheme() === 'dark';
- return (
-
-
- {title}
-
-
- {children}
-
-
- );
-}
+import {FlatList, Text, View} from 'react-native';
function App(): React.JSX.Element {
- const isDarkMode = useColorScheme() === 'dark';
-
- const backgroundStyle = {
- backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
- };
-
return (
-
-
-
-
-
-
- Edit App.tsx to change this
- screen and then come back to see your edits.
-
-
-
-
- Read the docs to discover what to do next:
-
-
+ console.log('onScrollEndDrag')}
+ renderItem={() => (
+
+
+ - Scroll fast, notice no log message [Android only]
+ {'\n\n'}- Scroll and hold (zero velocity), notice log message
+ appears
+
-
-
+ )}
+ scrollEventThrottle={250}
+ />
);
}
-const styles = StyleSheet.create({
- sectionContainer: {
- marginTop: 32,
- paddingHorizontal: 24,
- },
- sectionTitle: {
- fontSize: 24,
- fontWeight: '600',
- },
- sectionDescription: {
- marginTop: 8,
- fontSize: 18,
- fontWeight: '400',
- },
- highlight: {
- fontWeight: '700',
- },
-});
-
export default App;